.collect-prompt-mash {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    background: rgba(0,0,0,.6);
    width: 100%;
    height: 100%;
    z-index: 999
}

.collect-prompt-mash .head_collect {
    position: absolute;
    right: 84px;
    width: 190px;
    height: 250px
}

.selected-product ul li {}
.selected-product ul li { overflow: hidden; position: relative;}
.selected-product ul li a>img { transition: all 0.5s;}
.selected-product ul li:hover a>img { transform: scale(1.05);}
.selected-product ul li .tool {z-index: 10;position: absolute;bottom: 10px;right: 10px;display: none;font-size: 0;}
.selected-product ul li .tool a {
    background: rgba(0,0,0,0.8);
    border-radius: 5px;
    padding: 5px;
    margin-left: 10px;
    font-size: 12px;
    position: relative;
}
.selected-product ul li .tool a img {
    width: 22px;
    height: 22px;
}
.selected-product ul li:hover .tool {
    display: block;
}
.selected-product ul li:hover .tool a {}
.selected-product ul li:hover .tool a img {}
.selected-product ul li:hover .tool a span { display: none;}
.selected-product ul li:hover .tool a:hover {}
.selected-product ul li:hover .tool a:hover span {
	display: block;
    position: absolute;
    bottom: 45px;
    left: -8px;
    background: rgba(0,0,0,0.5);
    padding: 10px 5px;
    width: 45px;
    text-align: center;
    border-radius: 5px;
    color: #fff;
}
.selected-product ul li:hover .tool a:hover span::after {content: "";display: block;width: 0;height: 0;border: 5px solid transparent;border-top-color: rgba(0,0,0,0.5);position: absolute;bottom: -10px;left: 18px;}




.selected ul li .pict { position: relative; border-radius: 8px; box-shadow: 0 0 5px 0 #dbdbdb;}
.selected ul li .pict a>img { width: 277px;transition: all 0.5s;border-radius: 8px;}
.selected ul li .pict:hover a>img { transform: scale(1.05);}
.selected ul li .pict .tool {z-index: 10;position: absolute;bottom: 10px;right: 10px;display: none;font-size: 0;}
.selected ul li .pict .tool a {
    background: rgba(0,0,0,0.8);
    border-radius: 5px;
    padding: 5px;
    margin-left: 10px;
    font-size: 12px;
    position: relative;
    display: inline-block;
}
.selected ul li .pict .tool a img {
    width: 22px;
    height: 22px;
}
.selected ul li .pict:hover .tool {
    display: block;
}
.selected ul li .pict:hover .tool a {}
.selected ul li .pict:hover .tool a img {}
.selected ul li .pict:hover .tool a span { display: none;}
.selected ul li .pict:hover .tool a:hover {}
.selected ul li .pict:hover .tool a:hover span {
	display: block;
	position: absolute;
	bottom: 45px;
	left: -8px;
	background: rgba(0,0,0,0.5);
	padding: 10px 5px;
	width: 45px;
	text-align: center;
	border-radius: 5px;
	color: #fff;
	line-height: 14px;
}
.selected ul li .pict:hover .tool a:hover span::after {content: "";display: block;width: 0;height: 0;border: 5px solid transparent;border-top-color: rgba(0,0,0,0.5);position: absolute;bottom: -10px;left: 18px;}


.inform-bigpic {}
.inform-bigpic .tool {z-index: 10;position: absolute;top: 40px;right: 40px;display: none;font-size: 0;}
.inform-bigpic .tool a {
    background: #4e433d;
    border-radius: 5px;
    width: 50px;
	height: 50px;
    font-size: 12px;
    position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 100px;
}
.inform-bigpic .tool a img {
    width: 24px;
    height: 24px;
}
.inform-bigpic:hover .tool {
    display: block;
}
.inform-bigpic:hover .tool a {}
.inform-bigpic:hover .tool a img {}
.inform-bigpic:hover .tool a span { display: none;}
.inform-bigpic:hover .tool a:hover {}
.inform-bigpic:hover .tool a:hover span {
	display: block;
    position: absolute;
    top: 75px;
    left: -8px;
    background: rgba(0,0,0,0.5);
    padding: 10px 5px;
    width: 45px;
    text-align: center;
    border-radius: 5px;
    color: #fff;
}
.inform-bigpic:hover .tool a:hover span::after {content: "";display: block;width: 0;height: 0;border: 5px solid transparent;border-bottom-color: rgba(0,0,0,0.5);position: absolute;top: -10px;left: 18px;}




@media screen and (min-width:1703px) {
.wids{
	width: 1744px !important;
	margin: 0 auto;
}
.selected-product .wids .item ul li:nth-of-type(5n) {margin-right: 0;}

}
*{
	-webkit-box-sizing:border-box; /* Safari */
	box-sizing:border-box;
	-moz-box-sizing:border-box; /* Firefox */
	font-size:14px;
}

.tjbox.wids {
    min-height: 60px;    font-family: microsoft yahei;
}
.searchLabel {
    margin-top: 4px;
    min-width: 80px;
    display: inline-block;
    min-height: 56px;
}
.tjbox span {
    padding: 6px 15px;
    margin-right: 10px;
    margin-bottom: 14px;
    border-radius: 17px;
    background: #f3f3f3;
    border: 1px solid #d1d1d1;
    cursor: pointer;
}




















.wids{
	width: 1200px;
	margin: 0 auto;
}
.navs{
	width: 100%;
	height: 50px;
	background-color: #4e433d;
}
.navs ul{
	width: 100%;
	text-align: center;
}
.navs ul li{
	height: 50px;
	line-height: 30px;
	font-size: 16px;
	float: left;
	display: inline-block;
	color: #fffff2;
	position: relative;
	margin-right: 36px;
	padding: 15px 0;
}
.navs ul li a{
    font-size: 16px;
    color: #5C5C5C;
}
.navs ul li.active{
	color: #fffff2;
}

.navs ul li:hover:before,.navs ul li.active:before{
	content: '';
	width: 100%;
	height: 3px;
	background-color: #ee8821;
	position: absolute;
	left: 0;
	bottom: 2px;
}
.navs ul li .navs-slide-model{
	width: 740px;
	background-color: #fff;
	min-height: 100px;
	box-shadow: 0 15px 20px rgba(0,0,0,0.3);
	display: table;
	position: absolute;
	left: 0;
	top: 50px;
	padding: 0 15px;
	z-index: 99;
	display: none;
}
.navs ul li .navs-box i.navs-down{
	display: inline-block;
	width: 0;
	height: 0;
	border-right: 6px solid transparent;
	border-left: 6px solid transparent;
	border-top: 6px solid #a48260;
	border-radius: 3px;
	position: relative;
	top: -2px;
	margin-left: 2px;
}
.navs ul li.acti:after{
	content: '';
	position: absolute;
	left: 0;
	bottom: 0px;
	width: 100%;
	height: 2px;
	background-color: #582f04;
}
.navs ul li.acti{
	color: #582f04;
	font-weight: bold;
	font-size: 16px;
}
.navs ul li i.zwz{
	width: 46px;
    height: 16px;
    display: block;
    position: absolute;
    top: 5px;
    right: -26px;
    background: url(../img/i-icon-zwz.png) no-repeat;
}
.navs ul li i.mfhc{
	width: 46px;
    height: 16px;
    display: block;
    position: absolute;
    top: 5px;
    right: -26px;
    background: url(../img/icon-mfhc.png) no-repeat;
}
.searchs{
	display: table;
	background-color: #fff;
	margin-top: 10px;
}

.searchs-result{
	width: 100%;
	height: 46px;
	border-bottom: 1px solid #eeeeee;
	padding: 0 20px;
	line-height: 45px;
	color: #999999;
	display: none;
}
.searchs-result em{
	display: inline-block;
	height: 26px;
	border: 1px dashed #fc6901;
	line-height: 26px;
	color: #fc6901;
	padding: 0 8px;
	padding-right: 0;
}
.searchs-result em i{
	width: 20px;
	height: 24px;
	background-color: #fff;
	display: inline-block;
	color: #fc6901;
	text-align: center;
	font-size: 18px;
}
.searchs-result em i:hover{
	background-color: #fc6901;
	color: #fff;
	cursor: pointer;
}


.searchs-col{
	width: 100%;
	border-bottom: 1px solid #F5F5F5;
	padding-bottom: 10px;
}
.searchs-item{
	width: 100%;
	display: table;
	padding: 6px 20px;
	line-height: 30px;
	border-bottom: none !important;
}
.searchs-type{
	width: 90px;
	text-align: left;
	color: #5C5C5C;
	font-weight: bold;
}

.searchs-item-list{
width: -webkit-calc(100% - 90px);
  width: calc(100% - 90px);
}
.searchs-item-list ul{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}
.searchs-item-list ul li{
    margin: 5px;
    cursor: pointer;
    position: relative;
    color: #707070;
    line-height: 24px;
    border-radius: 8px;
    padding: 0 10px;
}
.searchs-item-list ul li .searchs-item-list-slide{
	width: 300px;
	display: table;
	min-height: 60px;
	border: 1px solid #ccc;
	position: absolute;
	left: -30px;
	top: 30px;
	background-color: #fff;
	z-index: 9;
	padding: 10px 10px;
	display: none;
}
.searchs-item-list ul li .searchs-item-list-slide em{
	font-size: 13px;
	line-height: 26px;
	height: 26px;
	width: 90px;
	display: inline-block;
	overflow: hidden;
}
.searchs-item-list ul li:hover .searchs-item-list-slide{
	display: block;
}
.searchs-item-list ul li .searchs-item-list-slide em:hover{
	color: #ef7600;
}
.searchs-item-list ul li .searchs-item-list-slide:before{
    content: '';
    width: 0;
    height: 0;
    position: absolute;
    left: 34px;
    top: -17px;
    border: 8px solid transparent;
    border-bottom: 8px solid #ccc;
}
.searchs-item-list ul li .searchs-item-list-slide:after{
    content: '';
    width: 0;
    height: 0;
    position: absolute;
    border: 8px solid transparent;
    border-bottom: 8px solid #fff;
    left: 34px;
    top: -16px;
}
.searchs-item-list ul li.acti{
	border: 1px solid lightgray;
    color: #000000;
}
.searchs-item-list ul li:hover{
	background-color: #f0f4f5;
    color: #fc6901; 
}
.searchs-item-list ul li .searchs-item-list-slide em {
	color: #666;
}
.searchs-item-list-slide em a{
  color: #666;}
.searchs-item-list-slide em a:hover{
  color: #fc6901;}
.searchs-item-list ul li a{
    color: #5C5C5C;
}
.searchs-item-list ul li.acti a{
    color: #000;
}
.searchs-item-list ul li.acti a:hover{
    color: #666;
}

.selected-product {
	padding-top: 10px;
}
.selected-product ul li{
	padding: 10px;
	border-radius: 0;
	margin-left: 0 !important;
	width: 277px;
	margin-bottom: 10px;
}
.selected-product ul{
	margin-left: 0;
	height: auto;
	min-height: 400px;
	column-count: 6;
	overflow: initial;
}
.selected-product .item{
	padding-bottom: 20px;
}

.pages{
	padding-bottom: 30px;
}
.pages ul{
	width: 100%;
	text-align: center;
}
.pages ul li{
	width: auto;
	height: 28px;
	display: inline-block;
	float: none;
	border: 1px solid #dcdcdc;
	border-radius: 2px;
	background-color: #fff;
	text-align: center;
	line-height: 26px;
	cursor: pointer;
	color: #666666;
	margin: 0 5px;
}
.pages ul li a{
display:block;
color:#333;
padding: 0 10px;
}
.pages ul li.acti a{
color:#fff;
}
.pages ul li.acti{
	background-color: #ff6600;
	color: #fff;
	border: 1px solid #ff6600;
}
.pages ul li:not(.acti):hover{
	border: 1px solid #ff6600;
	color: #ff6600;
}

.bann-advert{
	display: table;
	padding-bottom: 10px;
}
.bann-advert img{
	width: 100%;
}
.navs-slide-model .index-nav-downtop {
    width: 682px;
    background: url(../img/index-nav-sbg.png) center no-repeat;
    text-align: center;
    margin: 20px auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 0;
}
.navs-slide-model .index-nav-downtop ul li{
	font-weight: normal;
	font-size: 14px;
	position: relative;
	color: #333;
	margin: 15px 20px;
	height: 40px;
	padding: 0;
	line-height: 40px;
}
.navs-slide-model .index-nav-downtop ul li:hover a{
	color: #ff6600;
}
.navs-slide-model .index-nav-downtop ul li:hover:before{
	width: 0;
}
.navs-slide-model .index-nav-downtop ul li:after{
	content: '';
	position: absolute;
	right: -20px;
	top: 50%;
	width: 2px;
	height: 14px;
	background-color: #ccc;
	margin-top: -7px;
}
.navs-slide-model .index-nav-downtop ul li:last-child:after{
	width: 0;
}


.navs-model-item{
	width: 100%;
	display: table;
	min-height: 100px;
	padding-bottom: 10px;
	border-bottom: 1px solid #eee;
	padding-top: 15px;
	
}
.navs-model-item dl dt{
	display: table;
    width: 100%;
    margin-bottom: 5px;
    font-size: 14px;
    color: #333;
    text-align: left;
    letter-spacing: 2px;
}
.navs-model-item dl dd{
	padding-left: 28px;
    display: block;
    line-height: 26px;
    float: left;
}
.navs-model-item dl dd a{
	margin-right: 10px;
    margin-left: 5px;
    float: left;
    min-width: 70px;
    text-align: left;
    display: block;
    word-break: break-all;
    word-wrap: break-word;
    overflow: hidden;
    font-size: 14px;
    line-height: 26px;
    font-weight: normal;
    color: #666;
}
.navs-model-item dl dd a em{
	font-weight: bold;
}
.navs-model-item dl dd a:hover{
	color: #ff6600;
}

.navs-model-item-last dl dd a{
	min-width: auto;
	margin-right: 20px;
}

.navs-slide-lamplight{
	background: #fff;
    z-index: 9;
    -webkit-box-shadow: 0 0 4px rgba(0,0,0,.1);
    box-shadow: 0 0 4px rgba(0,0,0,.1);
    position: absolute;
    top: 50px;
    left: -30px;
    min-width: 130px;
    text-align: center;
    width: auto;
    min-height: 100px;
    display: none;
    
}
.navs-slide-lamplight ul{
	width: 100%;
	 padding: 10px 0;
}
.navs-slide-lamplight ul li{
	padding: 4px 0;
    width: 100%;
    display: table;
    position: relative;
    margin: 0;
    height: auto;
   
}
.navs-slide-lamplight ul li:hover{
	background-color: #f2f3f3;
}
.navs-slide-lamplight ul li a{
	display: block;
	line-height: 24px;
	font-size: 14px;
	color: #333333;
}
.navs-slide-lamplight ul li:hover a{
	color: #fc5d20;
}

.navs-slide-case{
	width: 560px;
    background: #fff;
    padding: 20px 40px;
    box-shadow: 0 15px 20px rgba(0,0,0,0.3);
    top: 50px;
    left: -200px;
    z-index: 9999;
    border-top: 1px solid #f4f4f4;
    padding-bottom: 30px;
    position: absolute;
    display: none;
}
.navs-slide-case dl{
	margin-bottom: 15px;
    display: table;
}
.navs-slide-case dl img{
	float: left;
	margin-top: 7px;
	margin-right: 10px;
}
.navs-slide-case dl dt{
	display: table;
    width: 100%;
    margin-bottom: 5px;
    text-align: left;
    font-size: 14px;
    color: #333;
    font-weight: bold;
}
.navs-slide-case dl dd{
	width: 500px;
    padding-left: 28px;
    padding-bottom: 10px;
}
.navs-slide-case dl dd a{
	color: #666;
    margin-right: 20px;
    min-width: 70px;
    text-align: left;
    line-height: 32px;
    display: block;
    word-break: break-all;
    word-wrap: break-word;
    overflow: hidden;
    font-size: 14px;
    line-height: 26px;
    float: left;
}
.navs-slide-case dl dd a:hover{
	color: #fc5d20;
}

.addrs{
	height: 54px;
	line-height: 54px;
	color: #999;
}
.addrs span{
	color: #666;
}
.addrs a{
	color: #999;
	padding: 0 4px;
}
.addrs a:hover{
	color: #e70;
}
.addrs em{
	color: #333;
}
.addrs .tips2 {
    display: inline-block;
    background: #f60;
    padding: 0 8px;
    border-radius: 100px;
    height: 24px;
    line-height: 24px;
    margin-left: 15px;
}

.inform{
	width: 100%;
	display: table;
	padding-bottom: 30px;
}

.inform-bann{
	width: 100%;
}
.inform-bann img{
	width: 100%;
}

.inform-name{
	width: 100%;
	padding-left: 20px;
}
.inform-name-txt h4{
	font: normal 20px/24px "Microsoft YaHei";
    margin-bottom: 8px;
    padding-top: 20px;
}
.inform-name-txt h6{
	line-height: 24px;
	margin: 0;
	color: #666;
}
.inform-name-txt h6 img{
	float: left;
	margin: 5px 0;
	margin-right: 5px;
}

.inform-name-img{
	width: 160px;
	height: 160px;
	border: 1px solid #ddd;
	position: relative;
	background-color: #fff;
	margin: 0 20px;
	margin-top: -70px;
	display: table;
	text-align: center;
}
.inform-name-img span{
	display: table-cell;
    vertical-align: middle;
}
.inform-name-img img{
	max-width: 100%;
    max-height: 100%;
}

.inform-intr{
	width: 100%;
	display: table;
	padding-bottom: 10px;
}
.inform-intr h4{
	font: bold 16px/24px "Microsoft YaHei";
    color: #333;
    margin-bottom: 10px;
    margin-top: 40px;
}
.inform-intr p{
	font-size: 14px;
    display: block;
    word-break: break-all;
    word-wrap: break-word;
    overflow: hidden;
    color: #666;
    line-height: 26px;
    text-align: justify;
    text-indent: 28px;
}

.inform-prod{
	width: 100%;
}
.inform-prod h4{
	font: bold 16px/24px "Microsoft YaHei";
    color: #333;
    margin-bottom: 10px;
    margin-top: 40px;
}

.inform-prod-col{
	width: 100%;
}
.inform-prod-col ul{
	width: 1220px;
	margin-left: -20px;
}
.inform-prod-col ul li{
	width: 285px;
	height: 375px;
	background-color: #fff;
	margin-left: 20px;
	margin-bottom: 20px;
}
.inform-prod-col ul li:hover .inform-prod-img img{ 
	transform: scale(1.1,1.1);
}
.inform-prod-col ul li:hover .inform-prod-img:after{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.2);
}
.inform-prod-img{
	width: 100%;
	overflow: hidden;
	height: 285px;
	position: relative;
	
}
.inform-prod-img img{
	width: 100%;
	height: 100%;
	transition: .5s;
}
.inform-prod-txt{
	text-align: center;
	padding: 15px 10px;
	
}
.inform-prod-txt h5{
	line-height: 32px;
	font-size: 16px;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
	color: #333;
}
.inform-prod-txt h6{
	margin: 0;
	font-size: 14px;
	color: #666;
	line-height: 22px;
}
.map-wrapper{
	padding: 10px 0;
	display: inline-block;
	width: 100%;
	
}
.map-left{
	width: 292px;
    padding: 20px 30px 40px;
    background: #fff;
    display: table;
}
.map-left h3{
	font: bold 16px/30px "Microsoft YaHei";
    color: #333;
}

.map-left-type{
	width: 100%;
	display: table;
	border-bottom:1px dashed #e8e8e8;
	padding-left: 20px;
	padding-bottom: 12px;
	padding-top: 8px;
}
.map-left-type h5{
	font: bold 14px/30px "Microsoft YaHei";
    color: #676767;
    position: relative;
}
.map-left-type h5:after{
	content: '';
	position: absolute;
	left: -16px;
	top: 13px;
	width: 4px;
	height: 4px;
	background-color: #999999;
}
.map-left-type p a{
	color: #999;
	margin-right: 15px;
	line-height: 24px;
	display: inline-block;
	float: left;
}
.map-left-type p a:hover{
	color: #e70;
}

.map-right{
	width: 908px;
	display: table;
	min-height: 200px;
}

.map-right-item{
	width: 100%;
}

.map-right-item-title{
	width: 100%;
	height: 50px;
	line-height: 50px;
	padding-left: 12px;
}
.map-right-item-title b{
	font: normal 24px/28px "Microsoft YaHei";
    color: #333;
}
.map-right-item-title b i{
	display: inline-block;
	width: 17px;
	height: 17px;
	background: url(../img/ic3.png)center no-repeat;
	margin-left: 5px;
}
.map-right-item-title span{
	float: right;
}
.map-right-item-title span a.download{
	display: inline-block;
	width: 120px;
	height: 34px;
	background-color: #ff6600;
	border-radius: 2px;
	color: #fff;
	line-height: 34px;
	text-align: center;
	margin-right: 20px;
}
.map-right-item-title span a.more{
	color: #666666;
}
.map-right-item-title span a.more i{
	display: inline-block;
	width: 18px;
	height: 18px;
	background: url(../img/icon-more.png) center no-repeat;
	margin: 16px 0;
	margin-left: 5px;
	float: right;
}
.map-right-item-title span a.more:hover{
	color: #e70;
}
.map-right-item-title span a.more:hover i{
	background: url(../img/icon-more-h.png) center no-repeat;
}

.map-right-item-col{
	width: 100%;
	display: table;
	padding-bottom: 20px;
}
.map-right-item-col ul{
	width: 906px;
	margin-left: -10px;
	display: table;
	float: right;
}
.map-right-item-col ul li{
	width: 292px;
    height: 348px;
    padding: 10px;
    background: #fff;
    float: left;
    margin-left: 10px;
    margin-top: 10px;
    position: relative;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}
.map-right-item-col ul li:hover{
	-webkit-box-shadow: 0 15px 30px rgba(0,0,0,0.1);
    box-shadow: 0 15px 30px rgba(0,0,0,0.1);
    transform: translate3d(0, -2px, 0);
    -webkit-transform: translate3d(0, -2px, 0);
    -ms-transform: translate3d(0, -2px, 0);
    -o-transform: translate3d(0, -2px, 0);
}
.map-item-img{
	width: 272px;
	height: 272px;
}
.map-item-img img{
	width: 100%;
	height: 100%;
}
.map-item-txt{
	width: 100%;
	padding: 10px 0;
}
.map-item-txt h5{
	width: 100%;
	line-height: 24px;
	font-size: 14px;
}
.map-item-txt h5 span{
	color: #666;
}
.map-item-txt h5 em{
	float: right;
	color: #999;
}
.map-item-txt p{
	line-height: 24px;
}
.map-item-txt p em{
	font-size: 12px;
	color: #999;
}
.map-item-txt p span{
	float: right;
}
.map-item-txt p span b {
	float: left;
	font-weight: normal;
	font-size: 14px;
	color: #999;
	margin-left: 20px;
	cursor: pointer;
}
.map-item-txt p span b i.collection{
	display: inline-block;
	width: 16px;
	height: 16px;
	background: url(../img/icon-sc55.png) center no-repeat;
	float: left;
	margin: 4px 0;
	margin-right: 4px;
}
.map-item-txt p span b i.down{
	display: inline-block;
	width: 16px;
	height: 16px;
	background: url(../img/icon-download.png) center no-repeat;
	float: left;
	margin: 4px 0;
	margin-right: 4px;
}
.map-item-txt p span b:hover{
	color: #e70;
}
.map-item-txt p span b:hover i.collection{
	background: url(../img/icon-sc55-h.png) center no-repeat;	
}
.map-item-txt p span b:hover i.down{
	background: url(../img/icon-download-h.png) center no-repeat;	
}

.map-right-bann{
	width: 100%;
	padding-bottom: 20px;
	padding-left: 12px;
	display: table;
}
.map-right-bann img{
	width: 100%;
}

.library{
	width: 100%;
}
.library .library-tabs{
	width: 100%;
	height: 56px;
	overflow: hidden;
}
.library .library-tabs ul{
	width: 100%;
}
.library .library-tabs ul li{
	float: left;
    width: 124px;
    text-align: center;
    line-height: 54px;
    font-size: 16px;
    border: 1px solid #ebebeb;
    cursor: pointer;
    color: #656e76;
}
.library .library-tabs ul li.acti{
	background: #fff;
    border: 1px solid #fff;
    color: #e70;
}

.library-sele{
	width: 100%;
	height: 56px;
	border-bottom: 1px solid #e7e7e7;
	background-color: #fff;
	line-height: 56px;
	padding: 0 20px;
}
.library-sele ul{
	width: 100%;
}
.library-sele ul li{
	float: left;
	margin-right: 20px;
	color: #656e76;
	cursor: pointer;
}
.library-sele ul li.acti{
	color: #e70;
}
.library-rank{
	width: 100%;
	height: 56px;
	background-color: #fff;
	line-height: 56px;
}
.library-rank ul{
	padding: 0 20px;
}
.library-rank ul li{
	float: left;
	margin-right: 30px;
	color: #656e76;
	position: relative;
}
.library-rank ul li.acti{
	color: #e70;
}
.library-rank ul li:after{
	content: '';
	position: absolute;
	right: -15px;
	top: 50%;
	width: 2px;
	height: 14px;
	background-color: #ccc;
	margin-top: -7px;
}
.library-rank ul li:last-child:after{
	width: 0;
}

.library-list{
	width: 100%;
	display: table;
	min-height: 100px;
	padding-top: 24px;
	padding-bottom: 30px;
}
.library-list ul{
	width: 1216px;
	margin-left: -16px;
}
.library-list ul li{
	width: 288px;
    float: left;
    height: 342px;
    margin-left: 16px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    background: #fff;
    overflow: hidden;
    margin-top: 16px;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.library-list-img{
	width: 100%;
	height: 288px;
	overflow: hidden;
	display: flex;
	position: relative;
	justify-content: center;
	align-items: center;
	transition: .5s;
}
.library-list ul li:hover .library-list-img img{
	transform: scale(1.1,1.1);
}
.library-list ul li:hover .library-list-img-slide{
	display: block;
}
.library-list-img  img{
	transition: .5s;
	max-height: 100%;
	max-width: 100%;
}

.library-list-txt{
	width: 100%;
	padding:15px 20px;
	line-height: 24px;
}
.library-list-txt em{
	float: right;
	color: #808c95;
}
.library-list-txt span{
	font-size: 16px;
	color: #333;
}

.library-list-img-slide{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: rgba(0,0,0,.2);
	display: none;
}
.library-list-img-slide a{
	width: 190px;
    height: 50px;
    border: 1px solid transparent;
    text-align: center;
    top: 210px;
    left: 49px;
    line-height: 24px;
    font-size: 16px;
    padding: 12px 0;
    position: absolute;
    z-index: 2;
    cursor: pointer;
    display: inline-block;
    background: #ff6600;
    color: #fff;
    border-radius: 5px;
}
.library-list-img-slide a img{
	height: 20px;
	margin-right: 10px;
}
.library-list-img-slide a:hover{
	background-color: #d76b00;
}

.plug-in{
	width: 100%;
}
.plug-in-tabs{
	width: 100%;
	display: table;
}
.plug-in-tabs ul li{
	width: 140px;
    height: 50px;
    background: #e6e6e6;
    float: left;
    margin-right: 20px;
    text-align: center;
    line-height: 48px;
    font-size: 16px;
    border-top: 2px solid #e6e6e6;
}
.plug-in-tabs ul li.acti{
	border-top: 2px solid #e70;
	background-color: #fff;
	color: #e70;
}
.plug-in-title{
	width: 100%;
	display: table;
	line-height: 66px;
}
.plug-in-title b{
	font-size: 24px;
	color: #666;
	font-weight: normal;
}
.plug-in-title em{
	color: #666;
	padding-left: 10px;
}

.plug-in-col{
	width: 100%;
	display: table;	
}

.plug-in-type{
	width: 185px;
	display: table;
	min-height: 400px;
	background-color: #fff;
	padding-top: 5px;
}

.plug-in-type-menu{
	width: 100%;
}
.plug-in-type-menu ul{
	width: 100%;
}
.plug-in-type-menu ul li{
	width: 100%;
    display: table;
    height: 50px;
    line-height: 50px;
    border-left: 2px solid transparent;
    padding-left: 30px;
    cursor: pointer;
    font-size: 15px;
    position: relative;
}
.plug-in-type-menu ul li.acti{
	background-color: #f5f5f5;
	color: #333;
	font-weight: bold;
}
.plug-in-type-menu ul li.acti:after{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 2px;
	height: 100%;
	background-color: #ff6600;
}
.plug-in-type-menu ul li:hover a{
	color: #e70;
}

.plug-in-list{
	width: 994px;
	padding: 20px;
	background-color: #fff;
	display: table;
}
.plug-in-list ul{
	width: 100%;
}
.plug-in-list ul li{
	width: 100%;
	height: 140px;
	background-color: #fafafa;
	padding: 20px;
	border-radius: 4px;
	margin-bottom: 20px;
}

.plug-in-list-img{
	width: 100px;
	height: 100px;
	border-radius: 2px;
	overflow: hidden;
	background-color: #000;
	display: flex;
	justify-content: center;
	align-items: center;
}
.plug-in-list-img img{
	max-height: 100%;
	max-width: 100%;
}

.plug-in-list-txt{
	width: calc(100% - 100px);
	padding-left: 10px;
}

.plug-in-list-txt-fl{
	width: 640px;
	display: table;
}
.plug-in-list-txt-fl h4 span{
	display: block;
	line-height: 30px;
	font-size: 18px;
	color: #333;
}

.plug-in-list-txt-fl p{
	color: #666;
    height: 48px;
    line-height: 24px;
    font-size: 14px;
    overflow: hidden;
}
.plug-in-list-txt-fl h6{
	margin: 0;
	line-height: 24px;
}
.plug-in-list-txt-fl h6 span{
	margin-right: 20px;
}
.plug-in-list-txt-sub a{
	display: inline-block;
	height: 32px;
    line-height: 32px;
    padding: 0 26px;
    background: #ff6600;
    border-color: #ff6600;
    color: #fff;
    border-radius: 2px;
}
.plug-in-list-txt-sub{
	padding-top: 30px;
}
.plug-in-list-txt-sub a:hover{
	background-color: #f37f0b;
	
}

.plug-in-col .pages{
	width: 994px;
	float: right;
	padding-top: 30px;
}

.wid{
    margin: 0 auto !important;
}
.inform-main{
	width: 100%;
}
.inform-main .wid{
	max-width: 1200px;
}
.inform-bigpic{
	width: 780px;
	position: relative;
}
.inform-bigpic .xiangshi {z-index: 100; position: absolute; top: 20px; right: 20px; width: 44px; height: 44px; background:#fff url(../img/xiangshi.png) no-repeat 2px center; border-radius: 100px; cursor: pointer; display: none;}

.inform-bigpic .xiangshi:hover {background:#fff url(../img/xiangshi.png) no-repeat -54px center;}

.inform-bigpic:hover .xiangshi { display: block;}
.inform-bigpic-col{
	width: 100%;
    /* height: 600px; */
    /* background-color: #f5f5f5; */
    padding: 20px !important;
    border-radius: 16px 0 0 16px;
    box-shadow: -10px 0 20px 10px rgb(177 177 177 / 10%);
}
.inform-bigpic-col ul li{
	width: 780px;
	height: 600px;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	overflow: hidden;
	background-size: cover;
    background-position: center;

}
.inform-bigpic ul li img{
	max-width: 100%;
	max-height: 100%;
}

body.bgf{
	background-color: #fff;
}
.inform-bigpic-small{
	width: 100%;
	height: 140px;
	margin-top: 25px !important;
	margin-bottom: 5px !important;
	display: inline-block;
}

.inform-bigpic-small ul{
	width: 100%;
}
.inform-bigpic-small ul li{
	height: 140px;
	padding: 0 5px !important;
	text-align: center;
	opacity: .6;
}
.inform-bigpic-small ul li img{
	width: 100%;
	height: 100%;
}
.gallery-thumbs .swiper-slide-thumb-active{
	opacity: 1;
}

.inform-bigpic-col .swiper-button-prev{
	width: 46px;
    height: 46px;
    overflow: hidden;
    display: block;
    cursor: pointer;
    opacity: 1;
    -webkit-transition: all .3s ease;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    z-index: 9;
    background-position: center;
    background-repeat: no-repeat;
    text-indent: -9999px;
    background-image:none;
    background:rgba(0,0,0,.4) url(../img/ic4.png) center no-repeat;
    -webkit-background-size: 16px 28px;
    background-size: 16px 28px;
}
.inform-bigpic-col .swiper-button-next{
	width: 46px;
    height: 46px;
    overflow: hidden;
    display: block;
    cursor: pointer;
    opacity: 1;
    -webkit-transition: all .3s ease;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    z-index: 9;
    background-color: rgba(0,0,0,.4);
    background-position: center;
    background-repeat: no-repeat;
    text-indent: -9999px;
    background-image:none;
    background:rgba(0,0,0,.4) url(../img/ic5.png) center no-repeat;
    -webkit-background-size: 16px 28px;
    background-size: 16px 28px;
}


.inform-data{
	width: 380px;
	display: table;
	min-height: 100px;
	float: none;
}
.inform-main-name{
	width: 100%;
	display: inline-block;
	border-bottom: 1px dashed #e8e8e8;
}
.inform-main-name span {
    display: flex;
    align-items: center;
    
}
.inform-main-name span h1{
	font-size: 20px;
	color: #333333;
	font-weight: bold;
	line-height: 32px;
	display: block;
    width: 250px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.inform-main-name span h1~span{
    font-size: 12px;
    padding: 0px 8px;
    border: 1px solid #FF8D20;
    border-radius: 6px;
    margin-left: 30px;
    color: #FF8D20;
}


.inform-main-name h1 i{
	display: inline-block;
	width: 34px;
	height: 20px;
	border: 1px solid #e8e8e8;
	text-align: center;
	line-height: 18px;
	font-size: 12px;
	color: #999;
	float: left;
	cursor: pointer;
	margin: 6px 0;
	margin-left: 10px;
}
.inform-main-name h4{
	line-height: 32px;
	display: table;
}
.inform-main-name h4 span{
	float: left;
	font-size: 18px;
	color: gray;
}
.inform-main-name h4 i{
	display: inline-block;
	width: 34px;
	height: 20px;
	border: 1px solid #e8e8e8;
	text-align: center;
	line-height: 18px;
	font-size: 12px;
	color: #999;
	float: left;
	cursor: pointer;
	margin: 6px 0;
	margin-left: 10px;
}
.inform-main-name h6{
	width: 100%;
	height: 42px;
	margin: 0;
	line-height: 42px;
	display: table;
}
.inform-main-name h6 span{
	float: left;
	margin-right: 20px;
	font-size: 14px;
	color: #999999;
}
.inform-main-name h6 span i.look{
	width: 20px;
	height: 12px;
	display: inline-block;
	background: url(../img/icon-eye.png) center no-repeat;
	float: left;
	margin: 15px 0;
	margin-right: 5px;
}
.inform-main-name h6 span i.down{
	width: 16px;
	height: 14px;
	display: inline-block;
	background: url(../img/icon-download.png) center no-repeat;
	float: left;
	margin: 14px 0;
	margin-right: 5px;
}
.inform-main-name h6 span i.coll{
	width: 16px;
	height: 16px;
	display: inline-block;
	background: url(../img/star-new.png) center no-repeat;
	float: left;
	margin: 13px 0;
	margin-right: 5px;
}

.inform-main-data{
	width: 100%;
	padding: 0 0 12px 0;
	display: flex;
	flex-direction: column;
	position: relative;
}
.inform-main-data span{
	display: inline-block;
	line-height: 30px;
	color: #a1a1a1;
}
.inform-main-data span span{
	width: 100px;
}
.inform-main-data span em{
	color: #333;
}
.inform-main-data span:nth-child(4) em{
	font-size: 20px;
    color: #e53b3b;
    font-style: italic;
}
/*.inform-main-data .inform-main-data-vr{*/
/*	width: 140px;*/
/*	height: 140px;*/
	/*background: url(../img/ic6.png) center no-repeat;*/
/*	position: absolute;*/
/*	right: 0;*/
/*	bottom: 0;*/
/*	z-index: 9;*/
	/*opacity: .7;*/
/*}*/


/* main-data-2是单独针对3dmax添加的class */
.main-data-2{
    flex-direction: row;
    flex-wrap: wrap;
}
.main-data-2 span{
    width: 33%;
    display: flex;
    flex-direction: column;
    font-size: 12px;
    color: #8f8f8f;
    margin-top: 8px;
    line-height: inherit;
}
.main-data-2 span em{
    font-weight: 600;
}
.texing {
    border-top: 1px dashed #e8e8e8;
    border-bottom: 1px dashed #e8e8e8;
}
.texing span:nth-child(4) em{
    font-size: 14px;
    color: #333;
    font-style: inherit;
}



.inform-main-version{
	width: 100%;
	display: table;
	margin-top: 20px;
}
.inform-main-version span{
	float: left;
	width: 94px;
	padding-left: 8px;
	line-height: 26px;
	color: #333;
}
.inform-main-version ul{
	width: 286px;
	display: table;
	min-height: 76px;
}
.inform-main-version ul li{
	width: 286px;
	height: 40px;
	border: 1px solid #ff6600;
	line-height: 38px;
	padding: 0 16px;
	background-color: #fef8f2;
	font-size: 14px;
	position: relative;
	margin-bottom: 10px;
}
.inform-main-version ul li i{
	float: right;
	color: #333;
}
.inform-main-version ul li.acti:after{
	content: '';
	position: absolute;
	right: 0;
	bottom: 0;
	width: 32px;
	height: 24px;
	background: url(../img/ic7.png)center no-repeat;
}
.inform-main-down{
	width: 100%;
	line-height: 32px;
}
.inform-main-down span{
	color: #333;
	font-size: 14px;
	float: left;
}
.inform-main-down span em{
	float: left;
}
.inform-main-down span b{
	font-size: 28px;
	color: #e61b00;
	margin: 0 5px;
	float: left;
	display: inline-block;
}
.inform-main-down i{
	margin-left: 10px;
	float: left;
	color: #666666;
	font-size: 12px;
	text-decoration: underline;
}
.inform-main-down a{
	float: left;
	margin-left: 10px;
	color: #ff6600;
	text-decoration: underline;
}
.inform-main-down a img{
	float: right;
	margin-left: 5px;
	margin-top: 8px;
}
.inform-main-submit{
	width: 100%;
	display: table;
	padding: 10px 0;
}
.inform-main-submit a:nth-child(1){
    padding: 0;
}
.inform-main-submit a:nth-child(1) em {
    line-height: 52px;
}
.inform-main-submit a{
	display: inline-block;
	width: 172px;
	height: 52px;
	background-color: #ff6600;
	border-radius: 5px;
	padding-top: 8px;
	text-align: center;
}
.inform-main-submit a.shop-car{
	float: right;
	background-color: #333333;
}
.inform-main-submit a em{
	display: block;
	line-height: 20px;
	color: #fff;
}
.inform-main-submit a i{
	display: block;
	font-size: 12px;
	color: #f8cfb8;
	line-height: 18px;
}
.inform-main-submit a.shop-car i{
	color: #999999;
}

.inform-main-func{
	width: 100%;
	display: inline-block;
	height: 50px;
	border-bottom: 1px dashed #e8e8e8;
}
.inform-main-func ul{
	width: 100%;
}
.inform-main-func ul li{
	width: 33.3%;
	height: 20px;
	text-align: center;
	line-height: 40px;
	cursor: pointer;
}
.inform-main-func ul li em{
	color: #555;
}
.inform-main-func ul li:nth-child(1) em{
	padding: 6px 8px;
    border: 1px solid #FF7D00;
    border-radius: 6px;
}
.inform-main-func ul li i{
	display: inline-block;
}
.inform-main-func ul li i.coll{
	width: 18px;
	height: 18px;
	background: url(../img/icon-sc5.png) center no-repeat;
	position: relative;
	top: 3px;
}
.inform-main-func ul li i.comment{
	width: 18px;
	height: 18px;
	position: relative;
	top: 4px;
	background: url(../img/icon-ly5.png) center no-repeat;
}
.inform-main-func ul li:hover em{
	color: #e70;
}
.inform-main-func ul li:hover i.coll{
	background: url(../img/icon-sc5-h.png) center no-repeat;
}
.inform-main-func ul li:hover i.comment{
	background: url(../img/icon-ly5-h.png) center no-repeat;
}

.inform-main-personal{
	width: 100%;
	padding-top: 10px;
}

.inform-main-personal-inf{
	width: 100%;
	height: 62px;
}

.inform-main-personal-inf-img{
	width: 62px;
	height: 62px;
	border-radius: 50%;
}
.inform-main-personal-inf-img img{
	width: 100%;
	border-radius: 50%;
	height: 100%;
}

.inform-main-personal-inf-txt{
	width: 280px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-left: 5px;
}

.personal-inf-txt-fl h4{
	line-height: 28px;
}
.personal-inf-txt-fl h4 span{
	font-size: 16px;
	color: #333;
	float: left;
}
.personal-inf-txt-fl h4 i.level{
	display: inline-block;
	width: 18px;
	height: 20px;
	background: url(../img/vip-small-l3.png) center no-repeat;
	float: left;
	margin: 3px 0;
	margin-left: 6px;
}
.personal-inf-txt-fl h4 em{
	border: 1px solid #46be8c;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    -o-border-radius: 40px;
    border-radius: 40px;
    color: #46be8c;
    display: inline-block;
    font: normal 10px/14px "Microsoft YaHei"!important;
    padding: 4px 8px;
    margin-left: 10px;
    position: relative;
    top: -2px;
}
.personal-inf-txt-fl h6{
	margin: 0;
	line-height: 30px;
	color: #999;
}

.personal-inf-txt-fr{
	height: 62px;
}
.personal-inf-txt-fr span{
	padding: 0 20px;
    display: inline-block;
    font-size: 12px;
    height: 26px;
    line-height: 26px;
    color: #333;
    border: 1px solid #999;
    margin: 18px 0;
    border-radius: 4px;
    cursor: pointer;
}

.inform-main-personal-img{
	width: 100%;
	margin-top: 10px;
}
.inform-main-personal-img ul{
	width:390px;
	margin-left: -10px;
}
.inform-main-personal-img ul li{
	width: 120px;
	height: 120px;
	margin-left: 10px;
}
.inform-main-personal-img ul li img{
	width: 100%;
	height: 100%;
}

.inform-main-top{
	width: 100%;
	padding-bottom: 65px;
	display: inline-block;
}

.desWarning{
	width: 100%;
	display: flex;
	flex-direction: column;
    font-size: 14px;
	color: #00000096;
}
.desWarning .h1_span{
    font-weight: 600;
}
.desWarning .key_span{
    line-height: 40px;
}
.desWarning .des_span{
}
.desWarning .war_span{
    line-height: 40px;
    color: red;
}

.inform-main-about{
	width: 100%;
	padding-top: 10px;
}

.inform-main-about-title{
	width: 100%;
	display: table;
}
.inform-main-about-title h2{
	line-height: 58px;
	font-size: 16px;
	position: relative;
	padding-left: 10px;
	color: #666666;
}
.inform-main-about-title h2:after{
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -8px;
	width: 3px;
	height: 16px;
	background-color: #ff6600;
}
.inform-main-about-title h5{
	line-height: 58px;
	font-size: 16px;
	position: relative;
	padding-left: 10px;
	color: #666666;
}
.inform-main-about-title h5:after{
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -8px;
	width: 3px;
	height: 16px;
	background-color: #ff6600;
}
.inform-main-about-title ul{
	float: left;
}

.inform-main-about-title ul li{
	display: inline-block;
	padding: 0 10px;
	height: 28px;
	line-height: 28px;
	border-radius: 4px;
	margin-right: 15px;
	color: #000;
}
.inform-main-about-title ul li.acti{
	background-color: #f5f5f5;
	color: #ef7700;
	font-weight: bold;
}
.inform-main-about-title a.more{
	float: right;
	color: #ee774f;
	line-height: 28px;
}

.inform-main-about-col{
	width: 100%;
	display: table;
}
.inform-main-about-col ul{
	width:1210px;
	margin-left: -10px;
	padding-top: 10px;
}
.inform-main-about-col ul li{
	width: 232px;
	height: 270px;
	margin-top: 10px;
	margin-left: 10px;
	position: relative;
}
.inform-main-about-col ul li .xiangshi {z-index: 100; position: absolute; top: 20px; right: 20px; width: 44px; height: 44px; background:#fff url(../img/xiangshi.png) no-repeat 2px center; border-radius: 100px; cursor: pointer; display: none;}

.inform-main-about-col ul li .xiangshi:hover {background:#fff url(../img/xiangshi.png) no-repeat -54px center;}
.inform-main-about-col ul li:hover .xiangshi { display: block;}
.inform-main-about-img{
	width: 100%;
	height: 230px;
}
.inform-main-about-img img{
	width: 100%;
	height: 100%;
}

.inform-main-about-txt{
	width: 100%;
	line-height: 40px;
	font-size: 14px;
	text-align: center;
	color: #333;
}

.inform-main-explain{
	width: 100%;
	background-color: #f5f5f5;
	padding-top: 16px;
	padding-bottom: 20px;
	padding-left: 35px;
	padding-right: 35px;
	margin-top: 50px;
}
.inform-main-explain h5{
	line-height: 32px;
	color: #333;
	font-size: 14px;
	position: relative;
}
.inform-main-explain p{
	line-height: 26px;
	font-size: 14px;
	color: #666666;
	text-align: justify;
}
.inform-main-explain h5:after{
	content: '';
	position: absolute;
	left: -12px;
	top: 50%;
	width: 4px;
	height: 4px;
	background-color: #000000;
	margin-top: -2px;
	
}
.evaluation{
	border-top: 1px dashed #e8e8e8;
	margin-top: 40px;
	max-width: 1200px;
	padding-top: 50px;
}
.evaluation-col{
	width: 780px;
	display: table;
}

.evaluation-txt{
	width: 100%;
}
.evaluation-txt h5{
	line-height: 34px;
	color: #999999;
	font-size: 16px;
}
.evaluation-txt h5 em{
	color: #00004f;
	padding-right: 5px;
}
.evaluation-txt textarea{
	width: 100%;
	height: 50px;
	border: 1px solid #cccccc;
	background-color: #fbfbfb;
	box-shadow: inset 0 0 12px rgba(204,204,204,.6); 
	padding: 10px;
	font-family: "微软雅黑";
	font-size: 14px;
}
.evaluation-txt h6{
	margin: 0;
	padding: 14px 0;
	display: inline-block;
	width: 100%;
}
.evaluation-txt h6 input{
	width: 66px;
	height: 30px;
	background-color: #eeeeee;
	border-radius: 5px;
	border: none;
	color: #bbbbbb;
	float: right;
}

.evaluation-list{
	width: 100%;
	border-top: 1px solid #eeeeee;
	margin: 40px 0;
	display: inline-block;
}
.evaluation-list ul{
	width: 100%;
}
.evaluation-list ul li{
	width: 100%;
	padding: 26px 0;
	border-bottom: 1px solid #eeeeee;
}

.evaluation-list-img{
	width: 40px;
	height: 40px;
	border-radius: 50%;
}
.evaluation-list-img img{
	width: 100%;
	height: 100%;
	border-radius: 50%;
}

.evaluation-list-txt{
	width: 720px;
	display: table;
}

.evaluation-list-txt-inf{
	width: 100%;
	display: table;
}
.evaluation-list-txt-inf h5{
	width: 100%;
	line-height: 30px;
	color: #a9a9a9;
	font-size: 14px;
	display: table;
}
.evaluation-list-txt-inf h5 span{
	float: left;
}
.evaluation-list-txt-inf h5 span em{
	color: #2980c7;
	margin-right: 32px;
}
.evaluation-list-txt-inf h5 span i{
	font-size: 14px;
	position: relative;
}
.evaluation-list-txt-inf h5 span i:after{
	content: '';
	position: absolute;
	left: -16px;
	top: 0;
	width: 2px;
	height: 16px;
	background-color: #e8e9ed;
}
.evaluation-list-txt-inf h5 b{
	float: right;
	font-weight: normal;
	letter-spacing: 2px;
}
.evaluation-list-txt-inf p{
	width: 100%;
	line-height: 30px;
	font-size: 14px;
	color: #555;
}

.evaluation-list-txt-reply{
	width: 100%;
	display: table;
	background-color: #f5f5f5;
	border-radius: 5px;
	margin: 5px 0;
	padding: 10px 20px;
	padding-bottom: 15px;
}
.evaluation-list-txt-reply h5{
	line-height: 32px;
	font-size: 14px;
}
.evaluation-list-txt-reply h5 span em{
	color: #ff6600;
	margin-right: 16px;
}
.evaluation-list-txt-reply h5 span i{
	color: #a9a9a9;
	padding: 0 16px;
	position: relative;
}
.evaluation-list-txt-reply h5 span i:after{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 2px;
	height: 16px;
	background-color: #e8e9ed;
}
.evaluation-list-txt-reply h5 b{
	float: right;
	font-weight: normal;
	color: #a9a9a9;
}
.evaluation-list-txt-reply p{
	line-height: 26px;
	font-size: 14px;
	color: #666666;
}

.banns{
	display: table;
	margin-bottom: 50px;
}
.banns img{
	width: 100%;
}

.bann-personal{
	width: 100%;
	height: 365px;
	background: url(../img/img3.jpg)center no-repeat;
}

.bann-col{
	width: 100%;
	text-align: center;
}

.bann-img{
	width: 120px;
	height: 120px;
	border-radius: 50%;
	background-color: #fff;
	margin: 0 auto;
	margin-top: 80px;
	display: inline-block;
	padding: 3px;
}

.bann-img img{
	width: 100%;
	height: 100%;
	border-radius: 50%;
}
.bann-txt{
	text-align: center;
	
}
.bann-txt h5{
	font-weight: bold;
	line-height: 52px;
	font-size: 20px;
	color: #fff;
	font-weight: bold;
}
.bann-txt h6{
	margin: 0;
}
.bann-txt p{
	text-align: right;
	font-size: 14px;
	font-weight: normal;
	color: #fff;
	padding-top: 60px;
}

.personal{
	width: 100%;
	background-color: #f8f8f8;
	display: table;
	padding-bottom: 20px;
}

.personal-tab{
	width: 100%;
	height: 61px;
	border-bottom: 1px solid #dcdcdc;
	background-color: #fff;
}
.personal-tab ul{
	width: 100%;
	text-align: center;
}
.personal-tab ul li{
	line-height: 60px;
	float: none;
	display: inline-block;
	padding: 0 20px;
	margin: 0 33px;
	font-size: 16px;
	position: relative;
}
.personal-tab ul li.acti{
	color: #e25355;
}
.personal-tab ul li.acti:after{
	content: '';
	position: absolute;
	left: 0;
	bottom: -2px;
	width: 100%;
	height: 2px;
	background-color: #e25355;
}

.personal-work{
	height: 260px;
	margin: 30px auto;
	background-color: #fff;
	box-shadow: 0 0 5px rgba(0,0,0,.1);
}

.personal-col{
	display: table;
	min-height: 100px;
}

.personal-visitor{
	width: 295px;
	display: table;
	min-height: 68px;
	box-shadow: 0 0 5px rgba(0,0,0,.1);
	background-color: #fff;
	padding: 15px 16px;
}
.personal-visitor h5{
	border-bottom: 1px solid #e8e8e8;
	line-height: 41px;
	line-height: 40px;
	font-size: 14px;
	color: #333;
}

.personal-message{
	width: 880px;
	display: table;
	background-color: #fff;
	min-height: 100px;
	box-shadow: 0 0 5px rgba(0,0,0,.1);
	padding: 15px 16px;
}
.personal-message h5{
	border-bottom: 1px solid #e8e8e8;
	line-height: 41px;
	line-height: 40px;
	font-size: 14px;
	color: #333;
}
.personal-message-txt{
	width: 100%;
	display: table;
}
.personal-message-txt textarea{
	width: 100%;
	height: 90px;
	border: 1px solid #cccccc;
	margin-top: 36px;
	padding: 10px;
	font-family: "微软雅黑";
	font-size: 14px;
	color: #333;
}
.personal-message h6{
	margin: 0;
	padding: 30px 0;
}
.personal-message h6 input{
	width: 48px;
	height: 24px;
	background-color: #ff8a00;
	color: #fff;
	font-size: 14px;
	border: none;
	cursor: pointer;
	float: right;
}

.col{
}

.set-title{
	width: 100%;
	height: 54px;
	background-color: #fff;
	padding: 0 20px;
}
.set-title h4{
	font-weight: normal;
	color: #444444;
	line-height: 54px;
}

.set-col{
	width: 100%;
	background-color: #fff;
	margin-top: 20px;
	min-height: 1000px;
	padding:40px;
}

.set-list{
	width: 100%;
}
.set-list ul{
	width: 100%;
}
.set-list ul li{
	width: 100%;
	line-height: 66px;
	border-bottom: 1px solid #dddddd;
	line-height: 66px;
}
.set-list ul li img{
	margin: 24px 10px;
	float: left;
}
.set-list ul li span{
	padding-left: 10px;
	color: #333;
	min-width: 136px;
	display: inline-block;
	float: left;
}
.set-list ul li em{
	color: #666666;
}
.set-list ul li a{
	width: 108px;
	height: 34px;
	background-color: #fff;
	float: right;
	border-radius: 4px;
	margin: 14px 0;
	margin-right: 28px;
	text-align: center;
	line-height: 34px;
	color: #e70;
}
.set-list ul li a.bind{
	background-color: #e70;
	color: #fff;
}

.banner-null{
	background: none;
	height: auto;
	display: table;
	width: 100%;
	background-color: #fff;
	padding-bottom: 10px;
}

.banner-null .search .sea-box .fl-box{
	border: 1px solid #ffb137;
	float: none;
	width: 60%;
	margin: 0 auto;
	position: relative;
}
.search .sea-box .fl-box{
	position: relative;
	overflow: inherit !important;
}
.search .sea-box .fl-box .fr{
	border-radius: 0 20px 20px 0;
}
.sea-box-slide{
	width: 130px;
	display: table;
	min-height: 100px;
	position: absolute;
	left: 00px;
	top: 40px;
	background-color: #fff;
	padding: 6px 0;
	box-shadow: 0 0 4px rgba(0,0,0,.1);
	border-radius: 5px;
	z-index: 9;
	display: none;
}
.search .sea-box .fl-box span{
	position: relative;
}
/*.search .sea-box .fl-box span:after{*/
/*	content: '';*/
/*	position: absolute;*/
/*	width: 9px;*/
/*	height: 5px;*/
/*	background: url(../img/ic56.jpg)center no-repeat;*/
/*	right: 5px;*/
/*	top: 50%;*/
/*	margin-top: 0px;*/
/*}*/
.ico-photo{
	float: right;
	position: absolute;
	right: 20px;
	top: 0;
}
.sea-box-slide p{
	line-height: 36px;
	cursor: pointer;
	text-align: center;
}
.sea-box-slide p:hover{
	background-color: #eeeeee;
	color: #ff8d1c;
}
.banner-null .search .sea-box .fl-box h1{
	float: left;
}
.top .fl-box h1{
	float: left;
	font-size: 14px;
	padding-right: 10px;
	color: #666;
	line-height: 40px;
}
.banner-null .search{
	padding-top:5px;
}
.banner-null .search .key-word ul{
	text-align: center;
	padding-top: 10px;
	display: table;
	float: left;
}
.banner-null .search .key-word ul li{
	float: none;
	display: inline-block;
}
.banner-null .search .key-word ul li a{
	color: #333;
}
.banner-null .search .key-word{
	float: none;
	padding-left: 0;
	text-align: center;
}
.banner-null .search .sea-box{
	padding-left: 0;
}
.banner-null .search .key-word ul li.down > span{
	color: #e70;
}

.top-bann{
	width: 100%;
	height: 80px;
	background: url(../img/img4.jpg)center no-repeat;
	position: relative;
}
.top-bann a{
	display: block;
	width: 100%;
	height: 100%;
}
.search .key-word ul li.down .down-sub{
	z-index: 99;
}
.top-bann span.close{
	display: inline-block;
	width: 38px;
	height: 38px;
	background: url(../img/icon-top-close2.png) center no-repeat;
	border-radius: 0 0 10px 10px;
	position: absolute;
	left: 50%;
	top: -2px;
	margin-left: 600px;
	cursor: pointer;
	z-index: 99;
}
.top-bann span.close:hover{
	opacity: .8;
}

.bann-index{
	width: 100%;
	background-color: #fff;
}
.bann-index img{
	max-width: 100%;
}
.bann-index .swiper-pagination-bullet{
	width: 28px;
	height: 28px;
	border-radius: 50%;
	opacity: 1;
	background: rgba(0,0,0,.3);
	margin: 0 8px !important;
	color: #fff;
	line-height: 28px;
}
.bann-index .swiper-pagination-bullet-active{
	background-color: #939393 !important;
}
.bann-index .swiper-pagination{
	bottom: 20px !important;
}

.notices{
	display: table;
	width: 100%;
	background-color: #fff;
	padding-top: 30px;
}

.notices-news{
	width: calc(100% - 180px);
	height: 40px;
	background-color: #f5f5f5;
	border-radius: 20px;
	margin-top: -2px;
}
.notices-news-title{
	width: 80px;
	height: 100%;
	padding-left: 14px;
	line-height: 40px;
}
.notices-news-title img{
	float: left;
	margin-top: 13px;
	margin-right: 6px;
}
.notices-news-col{
	width: calc(100% - 80px);
	padding-left: 5px;
	line-height: 40px;
}
.notices-news-col a{
	color: #e70;
}
.notices-update{
	width: 180px;
	line-height: 40px;
}

.notices-update a{
	float: right;
	font-size: 20px;
	font-weight: bold;
}
.notices-update a img{
	float: right;
	margin-left: 10px;
}

.introduces{
	width: 100%;
	display: table;
	background-color: #fff;
	padding: 20px 0;
}

.introduces-col{
	width: 100%;
	height: 90px;
}
.introduces-col ul{
	width: 100%;
	display: flex;
	justify-content: space-between;
}
.introduces-col ul li{
	width: 24%;
	height: 90px;
	background-color: #f5f5f5;
}

.introduces-img{
	width: 88px;
	margin-left: 4px;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.introduces-txt{
	width: calc(100% - 92px);
	height: 90px;
	display: flex;
	justify-content: center;
	align-items: flex-start;
	flex-wrap: wrap;
	flex-direction: column;
}
.introduces-txt h4{
	line-height: 30px;
	font-weight: normal;
	font-size: 16px;
	color: #333;
}
.introduces-txt p{
	font-size: 14px;
	color: #666;
	line-height: 26px;
}

.type{
	width: 100%;
	display: table;
	background-color: #fff;
	padding-bottom: 30px;
}

.type-list{
	width: 100%;
}
.type-list ul{
	width: 100%;
}
.type-list ul li{
	width:10%;
	height: 120px;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	flex-direction: column;
}

.type-list-img{
	width: 100%;
	height: 60px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.type-list-img i{
	display: inline-block;
	width: 60px;
	height: 50px;
}
.type-list-txt{
	color: #333;
	line-height: 20px;
	text-align: center;
	font-weight: normal;
}
.type-list ul li.li-item1 i{
	background: url(../img/icon-shafa.png) center no-repeat;
}
.type-list ul li.li-item2 i{
	background: url(../img/icon-yizi.png) center no-repeat;
}
.type-list ul li.li-item3 i{
	background: url(../img/icon-dengju.png) center no-repeat;
}
.type-list ul li.li-item4 i{
	background: url(../img/icon-chuangju.png) center no-repeat;
}
.type-list ul li.li-item5 i{
	background: url(../img/icon-zhuoji.png) center no-repeat;
}
.type-list ul li.li-item6 i{
	background: url(../img/icon-chugui.png) center no-repeat;
}
.type-list ul li.li-item7 i{
	background: url(../img/icon-shipin.png) center no-repeat;
}
.type-list ul li.li-item8 i{
	background: url(../img/icon-chuwei.png) center no-repeat;
}
.type-list ul li.li-item9 i{
	background: url(../img/icon-wujin.png) center no-repeat;
}
.type-list ul li.li-item10 i{
	background: url(../img/icon-huacao.png) center no-repeat;
}
.type-list ul li.li-item11 i{
	background: url(../img/icon-jiazhuang.png) center no-repeat;
}
.type-list ul li.li-item12 i{
	background: url(../img/icon-canyin.png) center no-repeat;
}
.type-list ul li.li-item13 i{
	background: url(../img/icon-jiudian.png) center no-repeat;
}
.type-list ul li.li-item14 i{
	background: url(../img/icon-bangong.png) center no-repeat;
}
.type-list ul li.li-item15 i{
	background: url(../img/icon-shangye.png) center no-repeat;
}
.type-list ul li.li-item16 i{
	background: url(../img/icon-gonggong.png) center no-repeat;
}
.type-list ul li.li-item17 i{
	background: url(../img/icon-jianzhu.png) center no-repeat;
}
.type-list ul li.li-item18 i{
	background: url(../img/icon-quanjing.png) center no-repeat;
}
.type-list ul li.li-item19 i{
	background: url(../img/icon-qixie.png) center no-repeat;
}
.type-list ul li.li-item20 i{
	background: url(../img/icon-renwu.png) center no-repeat;
}
.type-list ul li:hover .type-list-txt{
	color: #e70;
}
.type-list ul li:hover{
	box-shadow: 0 0  5px  rgba(0,0,0,.5);
}
.type-list ul li.li-item1:hover i{
	background: url(../img/icon-shafa-h.png) center no-repeat;
}
.type-list ul li.li-item2:hover i{
	background: url(../img/icon-yizi-h.png) center no-repeat;
}
.type-list ul li.li-item3:hover i{
	background: url(../img/icon-dengju-h.png) center no-repeat;
}
.type-list ul li.li-item4:hover i{
	background: url(../img/icon-chuangju-h.png) center no-repeat;
}
.type-list ul li.li-item5:hover i{
	background: url(../img/icon-zhuoji-h.png) center no-repeat;
}
.type-list ul li.li-item6:hover i{
	background: url(../img/icon-chugui-h.png) center no-repeat;
}
.type-list ul li.li-item7:hover i{
	background: url(../img/icon-shipin-h.png) center no-repeat;
}
.type-list ul li.li-item8:hover i{
	background: url(../img/icon-chuwei-h.png) center no-repeat;
}
.type-list ul li.li-item9:hover i{
	background: url(../img/icon-wujin-h.png) center no-repeat;
}
.type-list ul li.li-item10:hover i{
	background: url(../img/icon-huacao-h.png) center no-repeat;
}
.type-list ul li.li-item11:hover i{
	background: url(../img/icon-jiazhuang-h.png) center no-repeat;
}
.type-list ul li.li-item12:hover i{
	background: url(../img/icon-canyin-h.png) center no-repeat;
}
.type-list ul li.li-item13:hover i{
	background: url(../img/icon-jiudian-h.png) center no-repeat;
}
.type-list ul li.li-item14:hover i{
	background: url(../img/icon-bangong-h.png) center no-repeat;
}
.type-list ul li.li-item15:hover i{
	background: url(../img/icon-shangye-h.png) center no-repeat;
}
.type-list ul li.li-item16:hover i{
	background: url(../img/icon-gonggong-h.png) center no-repeat;
}
.type-list ul li.li-item17:hover i{
	background: url(../img/icon-jianzhu-h.png) center no-repeat;
}
.type-list ul li.li-item18:hover i{
	background: url(../img/icon-quanjing-h.png) center no-repeat;
}
.type-list ul li.li-item19:hover i{
	background: url(../img/icon-qixie-h.png) center no-repeat;
}
.type-list ul li.li-item20:hover i{
	background: url(../img/icon-renwu-h.png) center no-repeat;
}
.downloads-tab{
	width: 100%;
	text-align: center;
	position: relative;
	line-height: 26px;
	padding-bottom: 20px;
}
.downloads-tab ul{
	width: 100%;
	text-align: center;
}
.downloads-tab ul li{
	float: none;
	display: inline-block;
	padding: 0 15px;
	font-size: 14px;
	color: #333;
	position: relative;
}
.downloads-tab ul li:after{
	content: '';
	position: absolute;
	right: -1px;
	top: 50%;
	margin-top: -8px;
	width: 1px;
	height: 16px;
	background-color: #ccc;
}
.downloads-tab ul li:last-child:after{
	width: 0;
}
.downloads-tab ul li.acti{
	color: #e70;
}
.downloads-tab a.more{
	position: absolute;
	right: 0;
	font-size: 14px;
	top: 0;
}
.downloads-tab a.more i{
	float: right;
	display: inline-block;
	width: 24px;
	height: 24px;
	background-color: #e6e6e6;
	border-radius: 4px;
	margin: 1px;
	margin-left: 5px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.models-tab{
	width: 100%;
	height: 32px;
	margin-bottom: 20px;
}

.models-tab-year{
	width: 80px;
	height: 32px;
	border: 1px solid #cccccc;
	border-radius: 16px;
	background-color: #fff;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0 10px;
}
.models-tab-year i.sele{
	display: inline-block;
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 5px solid #ccc;
}
.models-tab-month ul li{
	height: 30px;
	padding: 0 12px;
	margin: 1px 10px;
	line-height: 30px;
	border-radius: 15px;
}
.models-tab-month ul li.acti{
	background-color: #ff6600;
	color: #fff;
}
.models-tab-month{
	padding-left: 20px;
	
}
.models-tab-more{
	line-height: 32px;
	color: #666;
}
.models-tab-more a.more{
	color: #666;
}
.models-tab-more a.more i{
	float: right;
	display: inline-block;
	width: 24px;
	height: 24px;
	background-color: #e6e6e6;
	border-radius: 4px;
	margin: 4px 0px;
	margin-left: 5px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.models .selected ul{
	height: 347px;
}
.models .selected ul li,.downloads .selected ul li{
	border-radius: 0;
	position: relative;
}
.models .selected ul li.vip:after{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 92px;
	height: 92px;
	background: url(../img/icon-vip92.png) center no-repeat;
	z-index: 99;
}

.rank{
	display: table;
}

.rank-tab{
	width: 1200px;
    border: 1px solid #e4e4e4;
    background: #fff;
    padding: 50px 0 10px;
    display: table;
    margin-bottom: 30px;
    margin: 0 auto;
}
.rank-tab h5{
	text-align: center;
	margin-top: -20px;
	position: relative;
}
.rank-tab h5 span{
	display: inline-block;
	width: 246px;
	height: 56px;
	background-color: #ffcc00;
	border-radius: 4px;
	color: #fff;
	line-height: 56px;
	font-size: 30px;
	font-weight: bold;
	margin: 0 auto;
	position: relative;
	z-index: 99;
	border-radius: 5px;
}
.rank-tab h5:after{
	content: '';
	position: absolute;
	left: 0;
	bottom: 26px;
	width: 100%;
	height: 1px;
	background-color: #ff9900;
}
.rank-tab h5:before{
	content: '';
	position: absolute;
	left:50%;
	margin-left: -148px;
	top: -30px;
	width: 296px;
	height: 96px;
	background-color: #fff;
	z-index: 99;
}
.rank-tab ul{
	width: 100%;
	text-align: center;
	padding: 20px 0;
}
.rank-tab ul li{
	width: auto;
	height: 40px;
	background-color: #f2f2f2;
	margin: 0 5px;
	border-radius: 4px;
	line-height: 40px;
	padding: 0 30px;
	float: none;
	color: #444;
	display: inline-block;
}

.rank-download{
	width: 100%;
	display: table;
}

.rank-download-title{
	width: 100%;
	display: table;
	border-bottom: 1px solid #ff6600;
	height: 102px;
}

.rank-download-title-txt{
	width: 380px;
	height: 70px;
	background-color: #ff9900;
	border-radius: 4px;
	margin: 16px 0;
	padding: 0 20px;
}
.rank-download-title-txt span{
	display: block;
	width: 152px;
	height: 60px;
	border-right: 1px solid #fff;
	margin: 5px 0;
	text-align: center;
	float: left;
}
.rank-download-title-txt span em{
	display: block;
	line-height: 40px;
	font-size: 26px;
	color: #fff;
	font-weight: bold;
}
.rank-download-title-txt span i{
	color: #fff;
}
.rank-download-title-txt b{
	text-align: center;
	float: left;
	display: inline-block;
	line-height: 70px;
	color: #fff;
	font-size: 46px;
	padding-left: 15px;
	width: 188px;
	text-align: center;
}
.rank-download-title-type{
	float: left;
	padding-left: 30px;
	padding-top: 38px;
}
.rank-download-title-type ul{
	float: left;
}
.rank-download-title-type ul li{
	width: auto;
	padding: 0 16px;
	height: 48px;
	background-color: #e4e4e4;
	border-radius: 4px;
	margin-right: 6px;
	text-align: center;
	font-size: 20px;
	font-style: italic;
	font-weight: bold;
	line-height: 48px;
}
.rank-download-title-type ul li.acti{
	background-color: #fff;
	box-shadow: 0 0 5px rgba(0,0,0,.3);
	color: #ff6600;
}
.rank-download-more a{
	float: right;
	width: auto;
	padding: 0 16px;
	height: 30px;
	background-color: #ff6600;
	color: #fff;
	display: inline-block;
	margin-top: 72px;
	text-align: center;
	line-height: 30px;
	font-size: 14px;
	position: relative;
}
.rank-download-more a:after{
	content: '';
	position: absolute;
	right: 0;
	top: 0;
	width: 0;
	height: 0;
	border-bottom: 10px solid transparent;
	border-right: 10px solid #f4f4f4;
}

.rank-download-col{
	width: 100%;
	display: table;
}
.rank-download-col ul{
	width: 100%;
	display: table;
	padding: 14px 0;
}
.rank-download-col ul li{
	width: 292px;
	height: 356px;
	background-color: #fff;
	margin-top: 20px;
}
.selected-product .wids .item ul li{
	position: relative;
}

.selected-product .wids .item ul li .xiangshi { position: absolute; top: 20px; right: 20px; width: 44px; height: 44px; background:#fff url(../img/xiangshi.png) no-repeat 2px center; border-radius: 100px; cursor: pointer; display: none;}

.selected-product .wids .item ul li .xiangshi:hover {background:#fff url(../img/xiangshi.png) no-repeat -54px center;}
.selected-product .wids .item ul li:hover .xiangshi { display: block;}

.selected-product .wids .item ul li span.number{
	position: absolute;
	left: 7px;
	top: 7px;
	width: 42px;
	height: 42px;
	background: url(../img/ic21.png)center no-repeat;
	line-height: 20px;
	color: #fff;
	padding-left: 5px;
	
}

.selected ul li .text h4{
	font-size: 14px;
	line-height: 20px;
	height: 20px;
	/* display: -webkit-box; */
	/* -webkit-box-orient: vertical; */
	/* -webkit-line-clamp: 2; */
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: block;
	width: 80%;
}
.selected ul li .text h4{
    color: #222;
}
.selected ul li>a>.pict>img{
 width: 284px;
}
.rank-history{
	width: 100%;
	display: table;
	min-height: 100px;
	padding: 10px 0;
}

.rank-history-year{
	width: 242px;
	height: 295px;
	background: url(../img/im68.jpg)center no-repeat;
	display: flex;
	justify-content: center;
	align-items: center;
	float: left;
}
.rank-history-year span{
	display: inline-block;
	width: auto;
    font: bold 32px/50px "Microsoft YaHei";
    left: 35px;
    top: 45px;
    background: rgba(0,0,0,.3);
    color: #fff;
    padding: 10px 20px;
    text-align: center;
}
.rank-history-month{
	width: 140px;
	height: 140px;
	margin-left: 20px;
	background: url(../img/im68.jpg)center no-repeat;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.rank-history-month span{
	display: inline-block;
	width: auto;
    font: bold 24px/50px "Microsoft YaHei";
    left: 35px;
    top: 45px;
    background: rgba(0,0,0,.3);
    color: #fff;
    padding: 10px 20px;
    text-align: center;
}


.teacher-title{
	width: 100%;
	display: table;
	padding-top: 38px;
}
.teacher-title h5{
	text-align: center;
	margin-bottom: 30px;
}
.teacher-title h5 b{
	display: block;
	line-height: 40px;
	font-weight: normal;
	font-size: 24px;
	font-weight: normal;
	color: #333333;
}
.teacher-title h5 span{
	color: #a499a4;
	display: block;
	line-height: 26px;
	font-size: 16px;
}

.teacher-bann{
	width: 100%;
	display: table;
}
.teacher-bann img{
	width: 100%;
}

.teacher-design{
	width: 100%;
	position: relative;
}

.teacher-design-title{
	width: 100%;
	height: 54px;
	background-color: #fff;
	margin-top: 30px;
	line-height: 54px;
	padding: 0 15px;
}
.teacher-design-title strong{
	font-weight: normal;
	font-size: 13px;
	color: #666;
	float: right;
}
.teacher-design-title span{
	font-size: 20px;
	font-weight: normal;
}
.teacher-design-title i{
	font-style: italic;
	color: #999999;
	padding-left: 12px;
	font-family: arial;
}
.teacher-design-title a{
	float: right;
	color: #999999;
}

.teacher-design-roll{
	width: 100%;
	margin-top: 15px !important;
}

.teacher-design-roll-col{
	width: 100%;
}

.teacher-design-roll-list{
	width: 100%;
	background-color: #fff;
	padding: 0 26px;
}
.teacher-design-roll-list-box{
	width: 100%;
	border-bottom: 1px solid #eeeeee;
	height: 342px;
	padding: 20px 0;
}
.teacher-design-roll-list-title{
	width: 220px;
	height: 100%;
	display: table;
}
.design-title-user{
	width: 100%;
	height: 185px;
	border-bottom: 1px solid #eeeeee;
}
.design-title-user h4{
	width: 98px;
	height: 98px;
	border-radius: 50%;
	margin: 20px auto;
}
.design-title-user h4 img{
	width: 100%;
	height: 100%;
	border-radius: 50%;
}
.design-title-user p{
	text-align: center;
	padding-top: 8px;
}
.design-title-user p span{
	display: block;
	line-height: 26px;
	font-size: 16px;
	color: #333;
}
.design-title-user p em{
	display: block;
	line-height: 30px;
	color: #999999;
}

.design-title-txt{
	width: 100%;
	display: table;
	padding: 10px 0;
}
.design-title-txt p{
	line-height: 26px;
	font-size: 13px;
	color: #666666;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
}
.teacher-design-roll-list-prod{
	width: 915px;
	height: 302px;

}
.teacher-design-roll-list-prod ul{
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.teacher-design-roll-list-prod ul li{
	width: 210px;
	height: 100%;
}
.teacher-design-roll-list-prod ul li h4{
	width: 100%;
	height: 210px;
}
.teacher-design-roll-list-prod ul li h4 img{
	width: 100%;
	height: 100%;
}
.teacher-design-roll-list-prod ul li p{
	padding-top: 10px;
}
.teacher-design-roll-list-prod ul li p span{
	display: block;
	line-height: 1;
	font-size: 16px;
	color: #333;
}
.teacher-design-roll-list-prod ul li p em{
	display: block;
	line-height: 24px;
	font-size: 14px;
	color: #666;
	padding-top: 5px;
}

.teacher-design-case{
	width: 100%;
	display: table;
	margin-top: 15px;
}
.teacher-design-case ul{
	width: 1220px;
	margin-left: -20px;
	
}
.teacher-design-case ul li{
	width: 285px;
	height: 360px;
	margin-left: 20px;
}

.design-case-img{
	width: 100%;
	height: 285px;
}
.design-case-img img{
	width: 100%;
	height: 100%;
}

.design-case-txt{
	width: 100%;
	display: table;
	padding-top: 10px;
}
.design-case-txt h4{
	line-height: 26px;
	font-size: 16px;
	color: #333;
}
.design-case-txt p{
	line-height: 24px;
	color: #666666;
}
.teacher-design .swiper-button-next{
	position: absolute;
	top: 300px;
	right: -60px;
	background: url(../img/next.png)center no-repeat;
	outline: none;
	width: 60px;
	height: 60px;
}
.teacher-design .swiper-button-prev{
	position: absolute;
	top: 300px;
	left: -60px;
	background: url(../img/prev.png)center no-repeat;
	outline: none;
	width: 60px;
	height: 60px;
}


.teacher-inform{
	width: 100%;
	display: table;
	background-color: #fff;
	min-height: 200px;
}
.teacher-inform-txt{
	width: 100%;
	height: 400px;
	border-bottom: 1px solid #eeeeee;
}
.teacher-inform-user{
	width: 330px;
	display: table;
	min-height: 100px;
	padding: 15px;
}
.teacher-inform-user-intr{
	width: 100%;
	height: 170px;
	border-bottom: 1px solid #eeeeee;
}
.teacher-inform-user-intr h4{
	width: 120px;
	height: 120px;
	float: left;
}
.teacher-inform-user-intr h4 img{
	width: 100%;
	height: 100%;
}
.teacher-inform-user-intr p{
	width: 145px;
	float: right;
	height: 120px;
	padding: 30px 0;
}
.teacher-inform-user-intr p b{
	display: block;
	line-height: 36px;
	font-size: 16px;
	font-weight: normal;
}
.teacher-inform-user-intr p em{
	display: block;
	color: #999999;
}
.teacher-inform-user-intr p em img{
	margin-right: 5px;
}

.teacher-inform-user-number{
	width: 100%;
	height: 45px;
}
.teacher-inform-user-intr h6{
	width: 100%;
	display: table;
	line-height: 45px;
	font-weight: normal;
	padding-top: 6px;
}
.teacher-inform-user-intr h6 span{
	margin-right: 28px;
	font-size: 14px;
	color: #999999;
}
.teacher-inform-user-intr h6 span em{
	color: #ef7800;
	font-size: 16px;
}

.teacher-inform-user-txt{
	width: 100%;
	display: table;
	padding: 12px 0;
}
.teacher-inform-user-txt p{
	font-size: 14px;
	line-height: 24px;
	color: #666666;
	text-align: justify;
	min-height: 160px;
}
.teacher-inform-user-txt h6{
	margin: 0;
}
.teacher-inform-user-txt h6 span{
	float: right;
	font-size: 14px;
	cursor: pointer;
	color: #4095ce;
}
.teacher-inform-user-txt h6 span img{
	margin-left: 4px;
}

.teacher-inform-img{
	width: 870px;
	height: 399px;
}
.teacher-inform-img img{
	width: 100%;
	height: 100%;
}

.teacher-inform-slide{
	width: 100%;
	display: table;
	padding: 20px;
	min-height: 245px;
	display: none;
}
.teacher-inform-slide h5{
	line-height: 26px;
	font-size: 14px;
	font-weight: normal;
	color: #999999;
}
.teacher-inform-slide p{
	line-height: 26px;
	font-size: 14px;
	font-weight: normal;
	color: #999999;
	text-indent: 28px;
}

.design-list{
	display: table;
}

.design-list ul{
	width: 1220px;
	margin-left: -20px;
	display: table;
}

.design-list ul li{
	width: 285px;
	height: 292px;
	background-color: #fff;
	margin-bottom: 20px;
	margin-left: 20px;
	-webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}
.design-list ul li:hover{
	box-shadow:0 0 10px rgba(#000,.2);
    transform:translate(0,-3px);
}


.design-list-img{
	width: 100%;
	height: 215px;
	background-color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
}
.design-list-img img{
	max-height: 100%;
	max-width: 100%;
}
.design-list-txt{
	text-align: center;
	padding-top: 8px;
}
.design-list-txt h4{
	line-height: 32px;
	font-weight: normal;
	color: #333333;
	font-size: 16px;
}
.design-list-txt p{
	line-height: 26px;
	font-size: 14px;
	color: #999999;
	padding: 0 16px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
}

.type-search{
	display: table;
}
.type-search-item{
	width: 100%;
	background-color: #fff;
	display: table;
}
.type-search-item-title {
	width: 72px;
	height: 54px;
	text-align: right;
	color: #808c95;
	font-size: 14px;
	line-height: 54px;
	margin-left: 30px;
}
.type-search-item-list{
	width: 1080px;
	display: table;
	min-height: 50px;
	padding-left: 10px;
}
.type-search-item-list ul{
	width: 100%;
}
.type-search-item-list ul li{
	padding: 0 10px;
	height: 24px;
	margin: 15px 0;
	float: left;
	line-height: 24px;
	color: #808c95;
}
.type-search-item-list ul li.acti{
	background-color: #f0f4f5;
	color: #fc6901;
	border-radius: 3px;
}
.type-search-item-list ul li.acti a{
	color: #fc6901;
}
.type-search-item-list ul li:hover{
	background-color: #f0f4f5;
	color: #fc6901;
	border-radius: 3px;
}
.type-search-item-slide{
	width: 100%;
	display: table;
	padding-left: 70px;
	background-color: #f4f4f4;
	display: none;
}
.type-search-item-slide ul li{
	color: #808c95;
	padding: 0 10px;
	height:48px;
	float: left;
	line-height:48px;
	
}
.type-search-item.acti .type-search-item-slide{
	display: table;
}

.model-case{
	display: table;
	padding-bottom: 50px;
}
.model-case ul{
	width: 1220px;
	margin-left: -20px;
	padding-top: 10px;
}
.model-case ul li{
	width: 285px;
	height: 355px;
	background-color: #fff;
	margin-top: 20px;
	-webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    margin-left: 20px;
}

.model-case ul li:hover{
	box-shadow:0 0 10px rgba(#000,.2);
    transform:translate(0,-3px);
}
.model-case ul li:hover .model-case-txt h4{
	color: #ff6600;
}

.model-case-img{
	width: 100%;
	height: 285px;
}
.model-case-img img{
	width: 100%;
	height: 100%;
}

.model-case-txt{
	width: 100%;
	display: table;
	padding: 0 20px;
	padding-top: 8px;
	
}
.model-case-txt h4{
	line-height: 30px;
	color: #333333;
}
.model-case-txt span{
	display: inline-block;
	line-height: 26px;
	color: #999999;
	font-size: 14px;
}
.model-case-txt p{
	display: flex;
	justify-content: space-between;
}

.type-search-item-country{
	width: 1088px;
	padding: 13px 0;
}
.type-search-item-country-list{
	width: 900px;
	height: 28px;
	overflow: hidden;
	
}
.type-search-item-country-list.acti{
	height: auto;
	display: table;
}
.type-search-item-country-list ul{
	width: 100%;
	display: table;
}
.type-search-item-country-list ul li{
	line-height: 24px;
	margin: 2px 0;
	padding: 0 15px;
	text-align: center;
	margin-bottom: 5px;
}
.type-search-item-country-list ul li.acti{
	background-color: #f0f4f5;
	color: #fc6901;
	border-radius: 3px;
}
.type-search-item-country-list ul li.acti a{
	color: #fc6901;
}
.type-search-item-country-more{
	line-height: 28px;
	color: #808c95;
}

.type-search-item-country-more img{
	margin-left: 2px;
}

.brand-list{
	display: table;
	padding-bottom: 50px;
}
.brand-list ul{
	width: 1220px;
	margin-left: -20px;
}
.brand-list ul li{
	width: 285px;
	display: table;
	background-color: #fff;
	margin-top: 20px;
	padding: 12px;
	margin-left: 20px;
	transition: .3s;
}
.brand-list ul li:hover{
	box-shadow:0 0 10px rgba(#000,.2);
    transform:translate(0,-3px);
}
.brand-list ul li:hover .brand-list-txt h4{
	color: #ff6600;
}

.brand-list-logo{
	width: 100%;
	height: 76px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.brand-list-txt{
	width: 100%;
	display: table;
	text-align: center;
	padding-top: 16px;
}
.brand-list-txt h4{
	line-height: 28px;
	font-size: 16px;
	color: #333;
	font-weight: bold;
}
.brand-list-txt p{
	text-align: center;
	color: #999999;
	line-height: 26px;
}
.brand-list-prod{
	width: 100%;
	height: 260px;
	margin-top: 10px;
}
.brand-list-prod-img{
	width: 127px;
	margin-left: 3px;
	margin-bottom: 3px;
	height: 127px;
}
.brand-list-prod-img img{
	width: 100%;
	height: 100%;
}

.model{
	display: table;
}

.model-bann{
	width: 100%;
}
.model-bann img{
	width: 100%;
}

.model-type{
	width: 100%;
	display: table;
}
.model-type h5{
	text-align: center;
	padding-top: 50px;
}
.model-type h5 b{
	line-height: 36px;
	display: block;
	font-weight: normal;
	font-size: 24px;
}
.model-type h5 em{
	display: block;
	line-height: 24px;
	font-size: 14px;
	color: #999999;
}
.model-type ul{
	width: 100%;
	margin-top: 20px;
}
.model-type ul li{
	width: 25%;
	height: 148px;
	background-color: #fff;
	padding-top: 28px;
	padding-bottom: 20px;
	margin-top: 10px;
	position: relative;
}
.model-type ul li:after{
	content: '';
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -22px;
	width: 1px;
	height: 44px;
	background-color: #eeeeee;
}
.model-type-ico{
	width: 100%;
	height: 66px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.model-type-txt{
	text-align: center;
	line-height: 36px;
}
.model-type ul li:nth-child(4n):after{
	width: 0;
}

.model-brand{
	width: 100%;
	display: table;
}
.model-brand h5{
	text-align: center;
	margin-top: 50px;
	position: relative;
}
.model-brand h5 a{
	position: absolute;
	right: 0;
	top: 0;
	line-height: 60px;
	font-size: 14px;
	color: #333;
}
.model-brand h5 a img{
	float: right;
	margin: 13px 0;
	margin-left: 10px;
}
.model-brand h5 b{
	line-height: 36px;
	display: block;
	font-weight: normal;
	font-size: 24px;
}
.model-brand h5 em{
	display: block;
	line-height: 24px;
	font-size: 14px;
	color: #999999;
}
.model-brand ul{
	width: 1212.5px;
	margin-left: -12.5px;
	padding-top: 20px;
}
.model-brand ul li{
	width: 230px;
	height: 100px;
	background-color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-left: 12.5px;
	margin-top: 20px;
}
.model-brand ul li img{
	max-height: 100%;
	max-width: 100%;
}

.model-cooperation{
	width: 100%;
	display: table;
	padding-bottom: 30px;
}
.model-cooperation h5{
	text-align: center;
	padding-top: 50px;
}
.model-cooperation h5 b{
	line-height: 36px;
	display: block;
	font-weight: normal;
	font-size: 24px;
}
.model-cooperation h5 em{
	display: block;
	line-height: 24px;
	font-size: 14px;
	color: #999999;
}
.model-cooperation-col{
	width: 100%;
	display: table;
	min-height: 400px;
	background: url(../img/img13.jpg) top center no-repeat;
	border-radius: 10px;
	margin-top: 30px;
	text-align: center;
}
.model-cooperation-col h3{
	margin: 0;
	display: inline-block;
	background-color: rgba(100,100,100,.5);
	height: 68px;
	line-height: 68px;
	font-size: 30px;
	color: #fff;
	font-weight: bold;
	padding: 0 28px;
	margin: 0 auto;
	margin-top: 44px;
}

.model-cooperation-intr{
	width: 850px;
	height: 282px;
	border-radius: 10px;
	box-shadow: 0 0 10px rgba(0,0,0,.2);
	background-color: #fff;
	margin: 0 auto;
	margin-top: 40px;
}

.model-cooperation-intr h4{
	padding:5px 20px;
	text-align: left;
	line-height: 50px;
	font-size: 24px;
	color: #333;
	position: relative;
}
.model-cooperation-intr h4:after{
	content: '';
	position: absolute;
	left: 20px;
	bottom: -5px;
	width: 40px;
	height: 5px;
	background-color: #ffc53d;
}
.model-cooperation-intr ul{
	width: 100%;
}
.model-cooperation-intr ul li{
	width: 33.33%;
	height: 200px;
	padding-top: 40px;
	position: relative;
}
.model-cooperation-intr ul li:after{
	content: '';
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -18px;
	width: 1px;
	height: 36px;
	background-color: #f0f0f0;
}
.model-cooperation-intr ul li:last-child:after{
	width: 0;
}
.model-cooperation-img{
	width: 100%;
	height: 90px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.model-cooperation-txt{
	text-align: center;
}
.model-cooperation-txt h6{
	margin: 0;
	font-size: 16px;
	font-family: arial;
	font-weight: bold;
	color: #5e686f;
	
}
.model-cooperation-txt p{
	line-height: 36px;
}

.plug-in-type-inform {
	width: 994px;
	display: table;

}

.inform-prods{
	width: 100%;
	height: 144px;
	padding: 20px;
	background-color: #fff;
}

.inform-prods-img{
	width: 100px;
	height: 100px;
	border-radius: 4px;
}
.inform-prods-img img{
	width: 100%;
	height: 100%;
}

.inform-prods-inf{
	width: 840px;
	display: table;
	height: 100px;
}

.inform-prods-inf-intr{
	width: 640px;
	display: table;
}
.inform-prods-inf-intr h3{
	line-height: 30px;
	font-size: 16px;
	color: #333;
	font-weight: normal;
}

.inform-prods-inf-intr-txt{
	width: 640px;
	height: 68px;
	background-color: #fafafa;
	margin-top: 2px;
	border-radius: 4px;
	padding:10px 20px;
}
.inform-prods-inf-intr-txt span{
	display: inline-block;
	width: 50%;
	line-height: 24px;
	float: left;
	color: #666666;
}
.inform-prods-inf-download{
	display: table;
}
.inform-prods-inf-download a{
	display: inline-block;
	width: 138px;
	height: 46px;
	background-color: #ff6600;
	border-radius: 4px;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #fff;
	margin: 27px 0;
}
.inform-prods-inf-download a img{
	margin-right: 5px;
}
.inform-prods-inf-download a:hover{
	background-color: #f07f0f;
}

.inform-instruction{
	width: 100%;
	margin-top: 10px;
	background-color: #fff;
	padding: 10px;
}
.inform-instruction h5{
	line-height: 38px;
	font-size: 16px;
	color: #333;
	padding-left: 12px;
	position: relative;
}
.inform-instruction h5:after{
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -9px;
	width: 2px;
	height: 18px;
	background-color: #ff6600;
}
.inform-instruction p{
	font-size: 14px;
	color: #666;
	line-height: 26px;
	text-indent: 28px;
	text-align: justify;
}
.inform-instruction h4{
	width: 100%;
	padding: 10px 0;
}
.inform-instruction h4 img{
	max-width: 100%;
}

.inform-recommended{
	width: 100%;
	margin-top: 20px;
	background-color: #fff;
	padding: 10px;
}
.inform-recommended h5{
	line-height: 38px;
	font-size: 16px;
	color: #333;
	padding-left: 12px;
	position: relative;
}
.inform-recommended h5:after{
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -9px;
	width: 2px;
	height: 18px;
	background-color: #ff6600;
}
.inform-recommended ul{
	width: 100%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.inform-recommended ul li{
	width: 305px;
	height: 44px;
	background-color: #f5f5f5;
	margin: 10px 0;
}

.inform-recommended-img{
	width: 42px;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.inform-recommended-img img{
	max-width: 100%;
	max-height: 100%;
}

.inform-recommended-txt{
	width: 260px;
	height: 44px;
	line-height: 44px;
	font-size: 14px;
	color: #333333;
}
.inform-recommended-txt a{
	float: right;
	height: 30px;
	background-color: #ff6600;
	line-height: 30px;
	color: #fff;
	padding: 0 16px;
	border-radius: 4px;
	margin: 7px 0;
	margin-right: 10px;
	display: none;
}
.inform-recommended ul li:hover a{
	display: block;
}

.users{
	line-height: 40px;
	padding-left: 10px;
	position: relative;
}

.users a{
	line-height: 40px;
}

.users-img{
	width: 40px;
	height: 40px;
	border-radius: 50%;
	margin-left: 16px;
	position: relative;
}
.users-img img{
	width: 100%;
	height: 100%;
	border-radius: 50%;
	float: left;
}
.users-img.acti:after{
	content: '';
	position: absolute;
	right: -1px;
	top: -1px;
	width: 5px;
	height: 5px;
	background-color: #ff4526;
	border-radius: 50%;
}
.users-slide{
	width: 260px;
    background-color: #fff;
    position: absolute;
    right: 0;
    top: 50px;
    display: none;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

.users-slide-inf{
	width: 100%;
	height: 90px;
	background: url(../img/im78.jpg)center no-repeat;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
	padding: 10px;
	display: flex;
	align-items: center;
}
.users-slide-inf-img{
	width: 60px;
	height: 60px;
	border-radius: 50%;
}
.users-slide-inf-img img{
	width: 100%;
	height: 100%;
	border-radius: 50%;
}
.users-slide-inf-txt{
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    padding-left: 10px;
    font-size: 18px;
    font-weight: bold;
}
.users-slide-inf-txt span{
    font-weight: 500;
}

.users-slide-balance{
	width: 100%;
	height: 44px;
	background-color: #f7f7f7;
	padding: 0 20px;
}
.users-slide-balance span{
	width: 50%;
	display: inline-block;
	float: left;
	line-height: 44px;
	font-weight: bold;
}
.users-slide-balance span:last-child{
	text-align: right;
}

.users-slide-list{
	width: 90%;
    height: 60px;
    border-radius: 10px;
    margin: 10px auto;
    box-shadow: 0 0 5px 0 lightgray;
}
.users-slide-list ul{
	width: 100%;
	height: 100% !important;
	display: flex;
	justify-content: space-evenly;
	align-items: center;
}
.users-slide-list ul li{
	width: 25%;
    margin: 0 !important;
    padding: 0 !important;
}
.users-slide>.users-slide-list>ul>li>a{
    color: black !important;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.users-slide-list ul li a{
	/*height: 40px;*/
	/*display: block;*/
	/*width: 100%;*/
	/*line-height: 40px;*/
}
.users-slide-list ul li:after{
	background: #d8d8d8 !important;
	height: 20px !important;
	left: inherit !important;
	right: 6px;
	top: 50%;
	margin-top: -4px;
}
.users-slide-list ul li:nth-child(2n):after{
	width: 0 !important;
}
.users-slide-list-ico{
	width: 30px;
	height: 22px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.users-slide-list-ico2{
    font-size: 20px;
    color: gray;
}

.users-slide-list-txt{
	font-size: 14px;
	line-height: 30px;
	color: #5C5C5C;
}

.users-slide-list2{
    height: 120px;
}
.users-slide-list2 ul{
    width: 100%;
    height: 100% !important;
    display: flex;
    flex-direction: column;
    padding: 0 6px 20px 0;
}
.users-slide-list2 ul li{
    height: 33%;
}
.users-slide-list2 ul li a{
    display: flex !important;
    justify-content: space-between;
    align-items: center;
    padding: 4px 4px 4px 10px;
}
.users-slide-list2 ul li a:hover{
    background-color: #EFEFEF !important;
    border-radius: 8px;
}
.users-slide-list2 ul li a .users-slide-list-ico{
    color: gray;
}




.users-slide-exit{
	width: 100%;
	height: 44px;
	line-height: 44px;
	background-color: #f7f7f7;
	border-radius: 0 0 5px 5px;
	text-align: center;
}
.users-slide-exit a{
	text-align: center;
	color: #d92929;
}
.users-slide-exit a:hover{
	color: #ff6600;
}

.inform-intrs{
	width: 100%;
	display: table;
	min-height: 200px;
	padding: 10px;
}
.inform-intrs img{
  max-width:100%;
  height:auto!important;
  margin:0 auto;
}
.inform-intrs h2{
	line-height: 40px;
	font-size: 16px;
	color: #333;
	padding-left: 10px;
	position: relative;
}
.inform-intrs h2:after{
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -8px;
	width: 2px;
	height: 16px;
	background-color: #f90;
}
.inform-intrs h5{
	line-height: 40px;
	font-size: 16px;
	color: #333;
	padding-left: 20px;
	position: relative;
}
.inform-intrs h5:after{
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -8px;
	width: 2px;
	height: 16px;
	background-color: #f90;
}
.inform-intrs p{
	font-size: 14px;
	line-height: 26px;
	text-align: justify;
	text-indent: 28px;
	color: #444;
}
.inform-intrs h4 img{
	max-width: 100%;
	margin: 10px 0;
}
.inform-intrs h4{
	width: 100%;
	text-align: center;
}
.inform-main-intr{
	padding: 10px 0;
}
.inform-main-intr p{
	font-size: 14px;
	line-height: 26px;
	text-indent: 28px;
	color: #666;
	text-align: justify;
}
.content{
	width: 100%;
	position: relative;
	z-index: 99;
}
.alert{
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.5);
	position: fixed;
	left: 0;
	bottom: 0;
	z-index: 9;
	opacity: 0;
	transition: .5s;
}
.alert span.close{
	display: inline-block;
	background: url(../img/close.png)center no-repeat;
	width: 60px;
	height: 60px;
	position: absolute;
	-webkit-background-size: cover;
	background-size: cover;
	right: 30px;
	top: 30px;
	cursor: pointer;
	z-index: 999;
}
.alert.acti{
	z-index: 999;
	opacity: 1;
}

.alert-imgs{
	width: 100%;
	height: 100%;
}
.alert-imgs ul{
	width: 100%;
	height: 100%;
}
.alert-imgs ul li{
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.alert-imgs .swiper-button-prev{
	width: 60px;
	height: 80px;
	left: 0;
	background: url(../img/prev2.png)center no-repeat;
}
.alert-imgs .swiper-button-next{
	width: 60px;
	height: 80px;
	right: 0;
	background: url(../img/next2.png)center no-repeat;
}
.list-label{
	min-height: 200px;
	width: 100%;
	padding-top: 20px;
}
.list-label-col{
	background-color: #f6f6f6;
	width: 100%;
	padding: 5px 15px;
}
.list-label-tab{
	width: 100%;
	display: table;
	border-bottom: 1px solid #dddddd;
	padding: 10px 0;
	
}
.list-label-tab ul{
	width: 100%;
}
.list-label-tab ul li{
	width: 100px;
	height: 30px;
	background-color: #333333;
	margin-right: 24px;
	display: flex;
	cursor: pointer;
	justify-content: center;
	align-items: center;
	color: #fff;
}
.list-label-tab ul li i.more{
	display: inline-block;
	width: 14px;
	height: 14px;
	background: url(../img/ic54.png)center no-repeat;
	margin-left: 6px;
}
.list-label-tab ul li.acti{
	background-color: #ff6600;
}

.list-label-main{
	width: 100%;
	min-height: 100px;
}

.list-label-list{
	width: 100%;
	padding-top: 10px;
	display: table;
	padding-bottom: 10px;
	display: none;
}
.show{
	display: table !important;
}

.list-label-list-fl{
	width: 50%;
}
.list-label-list-fl ul{
	width: 100%;
}
.list-label-list-fl ul li{
	width: 100%;
	text-align: justify;
	
}
.list-label-list-fl ul li:last-child .list-label-list-txt{
	border-bottom: none;
}
.selected-ul ul{
	height: auto !important;
}
.list-label-list-title{
	width: 90px;
	padding-right: 10px;
	text-align: right;
	font-size: 14px;
	color: #333;
	line-height: 20px;
	font-weight: bold;
	padding-top: 10px;
}
.list-label-list-title i.more{
	display: inline-block;
	width: 8px;
	height: 12px;
	float: right;
	background: url(../img/ic55.png)center no-repeat;
	margin: 4px 0;
	margin-left: 6px;
}
.list-label-list-txt{
	width: calc(100% - 90px);
	padding-top: 10px;
	border-bottom: 1px solid #dddddd;
	padding-bottom: 4px;
}
.list-label-list-txt ul li{
	line-height: 20px;
	width: auto;
	color: #666666;
	display: inline-block;
	padding: 0 12px;
	border-left: 1px solid #f6f6f6;
	margin-bottom: 6px;
}
.list-label-list-txt a:hover{
	color: #ff7700;
}
.search .key-word{
	padding: 0 150px;
}
.search .key-word ul {
	width: 100%;
	text-align: center;
}
.search .key-word ul li{
	float: none;
	display: inline-block;
}

.search .sea-box .fl-box{
	float: none !important;
	margin: 0 auto;
}
.search .sea-box{
	padding-left: 0 !important;
}
.inform-label{
	width: 100%;
	display: table;
	min-height: 100px;
	/*border-top: 1px dashed #e8e8e8;*/
	margin-top: 20px;
	padding-top: 6px;
}
.inform-label h5{
	line-height: 40px;
	font-size: 15px;
	color: #555;
}
.inform-label ul{
	width: 100%;
	display: table;
}
.inform-label ul li{
	display: inline-block;
	height: 30px;
	background-color: #e8e8e8;
	font-size: 12px;
	color: #666666;
	padding: 0 12px;
	border-radius: 4px;
	line-height: 30px;
	text-align: center;
	margin-right: 8px;
	margin-bottom:8px;
}
.inform-label ul li:hover{
	background-color: #ff6600;
}
.inform-label ul li:hover a{
	color: #fff;
}
.inform-page{
    display: none;
	width: 100%;
	border-top: 1px dashed #e8e8e8;
	margin-top: 20px;
	padding-top: 20px;
}
.inform-page p{
	line-height: 30px;
	font-size: 14px;
}
.inform-page p a{
	font-size: 14px;
	color: #666;
}
.inform-page p:hover a{
	color: #ff6600;
}
.list-tags{
	width: 100%;
	display: table;
	padding-bottom: 20px;
}
.list-tags-col{
	width: 100%;
	display: table;
	background-color: #fff;
	min-height: 200px;
	padding: 15px 25px;
	border-radius: 5px;
}
.list-tags-title{
	line-height: 40px;
	font-size: 16px;
	color: #555;
	position: relative;
	padding-left: 10px;
	margin-bottom: 20px;
	border-bottom: 1px solid #e3e3e3;
}
.list-tags-title:after{
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -8px;
	width: 4px;
	height: 16px;
	background-color: #f60;
}
.list-tags-main{
	width: 100%;
	display: table;
}
.list-tags-main ul li{
	display: inline-block;
	height: 30px;
	background-color: #e8e8e8;
	font-size: 12px;
	color: #888;
	padding: 0 12px;
	border-radius: 4px;
	line-height: 30px;
	text-align: center;
	margin-right: 8px;
	margin-bottom:8px;
}
.list-tags-main ul li a{
	color: #666;
}
.list-tags-main ul li:hover{
	background-color: #ff6600;
}
.list-tags-col ul li:hover a{
	color: #fff;
}
.list-tags-col  span a {
    color: #666;
    font-size: 14px;
    float: right;
} 
.list-tags-col  span a {
    color: #666;
    font-size: 14px;
    float: right;
} 
.inform-label{
	margin-top: 20px;
}
.inform-label h5{
	line-height: 40px;
	font-size: 15px;
	color: #555;
}
.inform-label ul{
	width: 100%;
	display: table;
}
.inform-label ul a img{
    width: 100%;
    margin-bottom: 12px;
}
.inform-label ul li{
	display: inline-block;
	height: 30px;
	background-color: #e8e8e8;
	font-size: 12px;
	color: #666666;
	padding: 0 12px;
	border-radius: 4px;
	line-height: 30px;
	text-align: center;
	margin-right: 8px;
	margin-bottom:8px;
}
.inform-label ul li:hover{
	background-color: #ff6600;
}
.inform-label ul li:hover a{
	color: #fff;
}
.inform-page{
	width: 100%;
	border-top: 1px dashed #e8e8e8;
	margin-top: 20px;
	padding-top: 20px;
}
.inform-page p{
	line-height: 30px;
	font-size: 14px;
}
.inform-page p a{
	font-size: 14px;
	color: #666;
}
.inform-page p:hover a{
	color: #ff6600;
}
.list-tags{
	width: 100%;
	display: table;
	padding-bottom: 20px;
}
.list-tags-col{
	width: 100%;
	display: table;
	background-color: #fff;
	min-height: 200px;
	padding: 15px 25px;
	border-radius: 5px;
}
.list-tags-title{
	line-height: 40px;
	font-size: 16px;
	color: #555;
	position: relative;
	padding-left: 10px;
	margin-bottom: 20px;
	border-bottom: 1px solid #e3e3e3;
}
.list-tags-title:after{
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -8px;
	width: 4px;
	height: 16px;
	background-color: #f60;
}
.list-tags-main{
	width: 100%;
	display: table;
}
.list-tags-main ul li{
	display: inline-block;
	height: 30px;
	background-color: #fff;
	font-size: 12px;
	color: #888;
	padding: 0 12px;
	border-radius: 4px;
	line-height: 30px;
	text-align: center;
	margin-right: 8px;
	margin-bottom:8px;
}
.list-tags-main ul li a{
	color: #666;
}
.list-tags-main ul li:hover{
	background-color: #ff6600;
    color: #fff;
}
.list-tags-col ul li:hover a{
	color: #fff;
}
.list-tags-col  span a {
    color: #666;
    font-size: 14px;
    float: right;
} 
.list-tags-col  span a {
    color: #666;
    font-size: 14px;
    float: right;
} 
/*new right*/

.cndns-right{position:fixed;right:1px;top:50%;margin-top:-100px;z-index:100}
.cndns-right-meau{position:relative;}
.cndns-right-btn{width:48px;height:48px;border:1px solid #ddd;text-align:center;display:block;margin-bottom:6px;position:relative;background-color:#fff}
.cndns-right-btn span{color:#848484;font-size:26px;line-height:48px;}
.cndns-right-btn sup{display:block;min-width:24px;height:24px;text-align:center;line-height:24px;color:#fff;border-radius: 50%;background-color:#ff6800;position:absolute;left:-12px;top:-12px;}
.cndns-right-btn p{color:#ff6800;font-size:14px;line-height:18px;padding-top:5px;display:none;}
.cndns-right-meau:hover .cndns-right-btn span{display:none}
.cndns-right-meau:hover .cndns-right-btn p{display:block;}
.meau-car .cndns-right-btn {border-color:#ff6800;margin-bottom:20px;}
.meau-car.cndns-right-meau:hover .cndns-right-btn{background-color:#ff6800}
.meau-car.cndns-right-meau:hover .cndns-right-btn span{color:#fff;display:block;}
.meau-car .cndns-right-btn span{color:#ff6800;}
.meau-sev .cndns-right-btn{border-color:#ff6800;background:url(../images/02index-banner-8.gif) no-repeat #ff6800 center;} 
.meau-sev .cndns-right-btn p{color:#fff}
.meau-sev .cndns-right-btn span{color:#fff}
.meau-top .cndns-right-btn span{font-size:12px;line-height:12px;padding-top:10px;display:block}
.meau-top .cndns-right-btn i{display:block;color:#999}
.meau-top.cndns-right-meau:hover .cndns-right-btn{background-color:#ff6800}
.meau-top.cndns-right-meau:hover .cndns-right-btn span{display:block;color:#fff} 
.meau-top.cndns-right-meau:hover .cndns-right-btn i{color:#fff;}
.cndns-right-box{position:absolute;top:-15px;right:48px;padding-right:25px;display:none;}
.cndns-right-box .box-border{border:1px solid #ccc;border-top:4px solid #ff6800;padding:20px;background-color:#fff;-webkit-box-shadow: 0 3px 8px rgba(0,0,0,.15);-moz-box-shadow: 0 3px 8px rgba(0,0,0,.15);box-shadow: 0 3px 8px rgba(0,0,0,.15);position:relative}
.cndns-right-box .box-border .arrow-right{display:block;width:13px;height:16px;background:url(../images/arrow.png) no-repeat;position:absolute;right:-13px;top:26px;}
.cndns-right-box .box-border .sev-t span{font-size:42px;float:left;display:block;line-height:56px;margin-right:20px;color:#d3d3d3}
.cndns-right-box .box-border .sev-t p{float:left;color:#ff6800;font-size:24px;line-height:28px;}
.cndns-right-box .box-border .sev-t p i{display:block;font-size:14px;color:#aaa;}
.cndns-right-box .box-border .sev-b{padding-top:15px;margin-top:15px;border-top:1px solid #e4e4e4}
.cndns-right-box .box-border .sev-b h4{color:#666;font-size:14px;font-weight:normal;padding-bottom:15px;}
.cndns-right-box .box-border .sev-b li{float:left;width:33.33333%}
.cndns-right-box .box-border .sev-b li a{display:inline-block;color:#999;font-size:13px;padding-left:43px;background:url(../images/q1.gif) no-repeat left 3px;line-height:36px;}
.cndns-right-box .box-border .sev-b li a:hover{color:#ff6800}
.meau-sev .cndns-right-box .box-border{width:430px;}
.meau-contact .cndns-right-box .box-border{width:230px;}
.cndns-right-meau:hover .cndns-right-box{display:block}
.meau-code .cndns-right-box{top:inherit;bottom:-35px;}
.meau-code .cndns-right-box .box-border{width:156px;text-align:center;border-top:1px solid #ccc;}
.meau-code .cndns-right-box .box-border i{display:block;color:#f66e06;font-size:16px;line-height:16px;}
.meau-code .cndns-right-box .box-border .arrow-right{top:inherit;bottom:50px;}
.meau-sev .cndns-right-btn .demo-icon{display:none;}
.meau-sev:hover .cndns-right-btn{background:#ff6800}
.meau-zs .cndns-right-btn{background-color:#ff6800;color:#fff;margin-top:80px;border-color:#ff6800}
.meau-zs .cndns-right-btn span{color:#fff}
.meau-zs .cndns-right-btn p{color:#fff}
.{margin:0;padding:0;list-style-type:none;}
a,img{border:0;text-decoration:none;}
body{min-width: 1200px;font:12px/180% Arial, Helvetica, sans-serif ,"新宋体";}
p{margin:0px;padding:0px;line-height:20px;}
i{margin:0px;padding:0px;font-style:normal;}
ul{margin:0px;padding:0px;list-style:none;}
ul li{margin:0px;padding:0px;list-style:none;}
a{color:#333333;text-decoration:none;}
a:hover{color:#ff5a00;text-decoration:none;}
.clear{clear:both;font-size:0px;line-height:0;height:0;}

@font-face {
	font-family: 'icomoon';
    src:url('../fonts/icomoon.eot?qradjf');
    src:url('../fonts/icomoon.eot?qradjf#iefix') format('embedded-opentype'),
        url('../fonts/icomoon.ttf?qradjf') format('truetype'),
        url('../fonts/icomoon.woff?qradjf') format('woff'),
        url('../fonts/icomoon.svg?qradjf#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}
.demo-icon{
  font-family:"icomoon";
  font-style:normal;
  font-weight:normal;
  speak:none;
  display:inline-block;
  text-decoration:inherit;
  text-align:center;
  font-variant:normal;
  text-transform:none;
  font-size:24px;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  line-height:24px;
  color:#999; 
}

/*yecha add*/
ul.sx {
    font-size: 14px;
    font-family: microsoft yahei;
}
ul.sx a {
    display: inline-block;
    border: 0px solid #ccc;
    line-height: 22px;
    padding: 0 5px;
    border-radius: 11px;
    margin-top: 20px;
    color: #999;
}
ul.sx a.on {
    font-weight: bold;
    color: #000;
}
ul.sx li.acti { border: none!important;}
#jquery-fullsizable {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  z-index: 999;
}
#jquery-fullsizable.fullsized_spinner {
  background-image: url(data:image/gif;base64,R0lGODlhEAAQAPIAAAAAAP///zw8PLy8vP///5ycnHx8fGxsbCH+GkNyZWF0ZWQgd2l0aCBhamF4bG9hZC5pbmZvACH5BAAKAAAAIf8LTkVUU0NBUEUyLjADAQAAACwAAAAAEAAQAAADMwi63P4wyklrE2MIOggZnAdOmGYJRbExwroUmcG2LmDEwnHQLVsYOd2mBzkYDAdKa+dIAAAh+QQACgABACwAAAAAEAAQAAADNAi63P5OjCEgG4QMu7DmikRxQlFUYDEZIGBMRVsaqHwctXXf7WEYB4Ag1xjihkMZsiUkKhIAIfkEAAoAAgAsAAAAABAAEAAAAzYIujIjK8pByJDMlFYvBoVjHA70GU7xSUJhmKtwHPAKzLO9HMaoKwJZ7Rf8AYPDDzKpZBqfvwQAIfkEAAoAAwAsAAAAABAAEAAAAzMIumIlK8oyhpHsnFZfhYumCYUhDAQxRIdhHBGqRoKw0R8DYlJd8z0fMDgsGo/IpHI5TAAAIfkEAAoABAAsAAAAABAAEAAAAzIIunInK0rnZBTwGPNMgQwmdsNgXGJUlIWEuR5oWUIpz8pAEAMe6TwfwyYsGo/IpFKSAAAh+QQACgAFACwAAAAAEAAQAAADMwi6IMKQORfjdOe82p4wGccc4CEuQradylesojEMBgsUc2G7sDX3lQGBMLAJibufbSlKAAAh+QQACgAGACwAAAAAEAAQAAADMgi63P7wCRHZnFVdmgHu2nFwlWCI3WGc3TSWhUFGxTAUkGCbtgENBMJAEJsxgMLWzpEAACH5BAAKAAcALAAAAAAQABAAAAMyCLrc/jDKSatlQtScKdceCAjDII7HcQ4EMTCpyrCuUBjCYRgHVtqlAiB1YhiCnlsRkAAAOwAAAAAAAAAAAA==);
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
#jquery-fullsizable #fullsized_image_holder img {
  display: block;
  margin: 0 auto;
}
#fullsized_go_prev, #fullsized_go_next {
  position: absolute;
  top: 40%;
  display: block;
  width: 32px;
  height: 126px;
}
#fullsized_go_prev {
  left: 0;
  background: url('jquery-fullsizable.png');
}
#fullsized_go_prev:hover {
    background-position: 0 -126px;
}
#fullsized_go_next {
  right: 0;
  background: url('jquery-fullsizable.png') -32px 0;
}
#fullsized_go_next:hover {
  background-position: -32px -126px;
}
#fullsized_close, #fullsized_fullscreen {
  position: absolute;
  top: 0;
  display: block;
  width: 32px;
  height: 32px;
}
#fullsized_close {
  right: 0;
  background: url('jquery-fullsizable.png') -64px 0;
}
#fullsized_close:hover {
  background-position: -64px -32px;
}
#fullsized_fullscreen {
  right: 40px;
  background: url('jquery-fullsizable.png') -96px 0;
}
#fullsized_fullscreen:hover {
  background-position: -96px -32px;
}
:fullscreen #fullsized_fullscreen { background-position: -96px -64px; &:hover {background-position: -96px -96px;} }
:-webkit-full-screen #fullsized_fullscreen { background-position: -96px -64px; &:hover {background-position: -96px -96px;} }
:-moz-full-screen #fullsized_fullscreen { background-position: -96px -64px; &:hover {background-position: -96px -96px;} }
.fullsizable{
    position: relative;
}
.fullsizable img {
    cursor: url(Magnifier.png), auto;
}
.imgIDshow{
    position: absolute;
    right: 0;
    bottom: 0;
    padding: 14px 20px;
    background-color: rgba(60,60,60,0.8);
    color: white;
    border-radius: 40px 0 0 40px;
}
.imgIDshow span{
    font-weight: 600;
}


.top .logo { position:relative;}
.top .logo .img { width: 210px; height: 111px; content: ""; display: block; position:absolute; top:-10px; right: -10px; display: none;}
.top .logo .img img { width: 210px; height: 111px;}
.top .logo:hover .img { display:block;}
.top .logo img { position: relative; z-index: 10;}

/*cad导航*/
.zl_div {
    width: 1200px;
    padding: 0 10px;
    background-color: #fff;
    overflow: hidden;
	position: relative;
}

.zl_div_in {
    float: left;
    width: 1198px;
    padding: 9px 0
}

.zl_div_in a {
    float: left;
    display: inline-block;
    width: 130px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    color: #515d66;
    font-size: 14px;
    border-radius: 2px
}
.zl_div_in a:hover{
	background: #ff6600;
	color: #fff;
}
.zl_div .zl_div_in a i {
    display: inline-block;
    width: 18px;
    height: 18px;
    background: url(../img/zl_icon.png) no-repeat scroll;
    position: relative;
    top: 0px;
    margin-right: 6px
}

.zl_div .zl_div_in a .zl_icon1 {
    background-position: 0 0
}

.zl_div .zl_div_in a .zl_icon2 {
    background-position: 0 -41px
}

.zl_div .zl_div_in a .zl_icon3 {
    background-position: 0 -80px
}

.zl_div .zl_div_in a .zl_icon4 {
    background-position: 0 -122px
}

.zl_div .zl_div_in a .zl_icon5 {
    background-position: 0 -164px
}

.zl_div .zl_div_in a .zl_icon6 {
    background-position: 0 -205px
}

.zl_div .zl_div_in a .zl_icon7 {
    background-position: 0 -245px
}

.zl_div .zl_div_in a .zl_icon8 {
    background-position: 0 -286px
}

.zl_div .zl_div_in a .zl_icon9 {
    background-position: 0 -328px
}

.zl_div .zl_div_in a .zl_icon10 {
    background-position: -126px 0
}

.zl_div .zl_div_in a .zl_icon11 {
    background-position: -126px -40px
}

.zl_div .zl_div_in a .zl_icon12 {
    background-position: -126px -82px
}

.zl_div .zl_div_in a .zl_icon13 {
    background-position: -126px -122px
}

.zl_div .zl_div_in a .zl_icon14 {
    background-position: -126px -162px
}

.zl_div .zl_div_in a .zl_icon15 {
    background-position: -126px -202px
}

.zl_div .zl_div_in a .zl_icon16 {
    background-position: -126px -245px
}

.zl_div .zl_div_in a .zl_icon17 {
    background-position: -126px -286px
}

.zl_div .zl_div_in a .zl_icon18 {
    background-position: -126px -328px
}

.zl_div_in span {
    float: left;
    display: inline-block;
    color: #dce1e6;
    font-size: 16px;
    margin-top: 6px;
    width: 1px
}

.zl_div_line {
    float: left;
    display: block;
    width: 100%;
    border-top: 1px solid #dce1e6;
	position: absolute;
	top: 50%;
	left: 0px;
}

.zl_div .zl_div_in a:hover {
    background: #ff6600;
    color: #fff
}

.zl_div .zl_div_in a:hover .zl_icon1 {
    background-position: -63px 0
}

.zl_div .zl_div_in a:hover .zl_icon2 {
    background-position: -63px -41px
}

.zl_div .zl_div_in a:hover .zl_icon3 {
    background-position: -63px -80px
}

.zl_div .zl_div_in a:hover .zl_icon4 {
    background-position: -63px -122px
}

.zl_div .zl_div_in a:hover .zl_icon5 {
    background-position: -63px -164px
}

.zl_div .zl_div_in a:hover .zl_icon6 {
    background-position: -63px -205px
}

.zl_div .zl_div_in a:hover .zl_icon7 {
    background-position: -63px -245px
}

.zl_div .zl_div_in a:hover .zl_icon8 {
    background-position: -63px -286px
}

.zl_div .zl_div_in a:hover .zl_icon9 {
    background-position: -63px -327px
}

.zl_div .zl_div_in a:hover .zl_icon10 {
    background-position: -189px 0
}

.zl_div .zl_div_in a:hover .zl_icon11 {
    background-position: -189px -40px
}

.zl_div .zl_div_in a:hover .zl_icon12 {
    background-position: -189px -82px
}

.zl_div .zl_div_in a:hover .zl_icon13 {
    background-position: -189px -122px
}

.zl_div .zl_div_in a:hover .zl_icon14 {
    background-position: -189px -164px
}

.zl_div .zl_div_in a:hover .zl_icon15 {
    background-position: -189px -202px
}

.zl_div .zl_div_in a:hover .zl_icon16 {
    background-position: -189px -245px
}

.zl_div .zl_div_in a:hover .zl_icon17 {
    background-position: -189px -286px
}

.zl_div .zl_div_in a:hover .zl_icon18 {
    background-position: -189px -327px
}


@media screen and (min-width: 1500px){
	.zl_div {
	    width: 1500px;
	    padding: 0 10px;
	    background-color: #fff;
	    overflow: hidden
	}
	.zl_div_in {
	    float: left;
	    width: 1480px;
	    padding: 9px 0;
	}
}


.zlg-wrap {width: 1200px;margin: 0 auto;padding: 20px 10px;background: #FFFFFF;position: relative;z-index: 10;}
.zlg-wrap ul {list-style: none;}
.zlg-wrap a {text-decoration: none;}
.clearfix {clear: both;}
.zt-content {margin-top: 50px;}
.zlg_Topic {width: 100%;height: 44px;line-height: 45px;	border-bottom: 1px solid #aaa9a9;}
.zlg_top_line {float: left;	height: 40px;line-height: 40px;font-size: 24px;font-weight: bold;color: #202e31;border-bottom: 4px solid #ff6600;}
.zlg_topic_right {float: right;	margin-top: 5px;}
.zlg_topic_right li {float: left;height: 38px;line-height: 38px;text-align: center;font-size: 16px;margin-left: 5px;width: 100px;}
.zlg_topic_right li a {display: block;background: #ececec;color: #333;border-top-left-radius: 5px;border-top-right-radius: 5px;}
.zlg_topic_right li a:hover {background: #ff6600;color: #FFFFFF;}
.bg-fe {background: #ff6600 !important;color: #FFFFFF !important;border-left: 1px solid #ff6600 !important;border-right: 1px solid #ff6600 !important;}
.zt-content-bot {padding: 30px;background: #f0f0f0;width: 1180px;}
.zhul_nxz_tjlist a {color: #444;}
.zhul_nxz_tjlist {float: left;width: 100%;padding-top: 10px; display: none;}
.zhul_nxz_tjlist.active { display: block;}
.zhul_nxz_tjlist li {float: left;width: 180px;height: 25px;line-height: 25px;font-size: 14px;overflow: hidden;margin-right: 5px;color: #999;}
.zhul_xz_tjlist a {color: #444;}


@media screen and (min-width: 1500px){
.zlg-wrap {width: 1500px;margin: 0 auto;padding: 20px 10px;background: #FFFFFF;position: relative;z-index: 10;}
.zt-content-bot {
    padding: 30px;
    background: #f0f0f0;
    width: 1480px;
}
.zhul_nxz_tjlist li { width: 170px;}
}



.top_wrapjihe {
    position: fixed;
    z-index: 8888;
    top: 0;
    left: 0;
    right: 0;
    display: none;
    width: 100%;
    height: 70px;
    border-bottom: 2px solid #ddd;
    background: #fff;
}

.top_wrapjihe .topjihe {
    width: 1185px;
    padding-left: 15px;
    margin: 0 auto;
    overflow: hidden;
}
.top_wrapjihe .topjihe a {
    display: block;
    float: right;
    width: 150px;
    height: 36px;
    line-height: 36px;
    margin-top: 17px;
    background: #f00001;
    color: #fff;
    font-size: 14px;
    text-align: center;
}

.top_wrapjihe .topjihe p {
    line-height: 70px;
    float: left;
    font-size: 20px;
    color: #333;
}
.top_wrapjihe .topjihe p span {
    color: #ee0002;
    margin-left: 20px;
}

.tjbox.wids {
    min-height: 60px;    font-family: microsoft yahei;
}
.searchLabel {
    margin-top: 4px;
    min-width: 80px;
    display: inline-block;
    min-height: 56px;
}
.tjbox span {
    padding: 6px 15px;
    margin-right: 10px;
    margin-bottom: 14px;
    border-radius: 17px;
    background: #f3f3f3;
    border: 1px solid #d1d1d1;
    cursor: pointer;
}


.sxbox{
    position: relative;
    width: 1750px;
    margin:0 auto;
    display: flex;
    justify-content: end;
    padding: 24px 0 0 0;
    z-index: 1;
}
.hoverDropdown-container___FtpL6 {
    border-radius: 8px;
    cursor: pointer;
    margin: 0 12px;
}
.hoverDropdown-container___FtpL6:hover {
    background-color: #EFEFEF;
}
.hoverDropdown-container___FtpL6>span {
    display: inline-block;
    float: left;
    line-height: 62px;
    margin-right: 10px;
}
.hoverDropdown-container___FtpL6>ul {
    
}
.hoverDropdown-container___FtpL6 ul li {
    color: #333;
    height: 32px;
    position: relative;
    z-index: 2;
    float: none;
}
.hoverDropdown-container___FtpL6 ul li:last-child {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}
.hoverDropdown-container___FtpL6 .dropdownArrow {
    width: 8px;
    height: 12px;
}
.hoverDropdown-container___FtpL6 ul li a {
    font-size: 14px;
    padding-right: 8px;
    padding-left: 12px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.hoverDropdown-container___FtpL6 >ul>li>a {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    position: relative;
    color: #5C5C5C !important;
}
.hoverDropdown-container___FtpL6 ul li a {
    display: block;
    border-radius: 6px;
    height: 32px;
    line-height: 32px;
    font-size: 14px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #8d8b8b;
}
.hoverDropdown-container___FtpL6 ul li .on,.hoverDropdown-container___FtpL6 ul li .on a{
    font-weight: bold;
    color: #000;
    background-color: #EFEFEF;
}
.hoverDropdown-container___FtpL6 ul li ul {
    padding: 8px 0;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity 1s;
    transition: opacity 1s;
    border-radius: 6px;
    background: #fff;
    -webkit-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.3);
    box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.3);
}
.hoverDropdown-container___FtpL6 ul li:hover ul {
    visibility: visible;
    opacity: 1;
    -webkit-transition: opacity 1s;
    transition: opacity 1s;
    border-radius: 0px 0px 6px 6px;
    -webkit-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.3);
    box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.3);
}

.resetSelect{
    height: 32px;
    padding: 0 8px;
    border: 1px solid #E5E6EB;
    display: flex;
    align-items: center;
    border-radius: 6px;
    margin: 0 5px 0 12px;
}
.resetSelect span{
    font-size: 12px;
    margin: 2px 0 0 6px;
}
.resetSelect:hover,.resetSelect:hover span{
    background-color: #EFEFEF;
    border-color: #000;
    color: #000;
}

.style-default ~ ul li:hover{
    background-color: #EFEFEF;
}
.style-default ~ ul li,.style-default ~ ul li a{
    height: 40px;
    line-height: 40px;
}


@media screen and (max-width:1703px) {
    .sxbox{width: 1200px;}
    
    .selected-product ul{
        column-count: 5;
    }
}
@media screen and (max-width:1500px) {
    .selected-product ul{
        column-count: 4;
    }
}